Car Song Generator – Landing Page<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#00BFFF',\n 'primary-dark': '#009ACD',\n 'primary-light': '#33CCFF',\n accent: '#FFD700',\n 'accent-dark': '#CCB000',\n 'accent-light': '#FFE44D',\n bg: '#0a0a0a',\n 'bg-alt': '#111111',\n 'bg-card': '#1a1a1a',\n 'bg-footer': '#050505',\n 'text-primary': '#F0F0F0',\n 'text-secondary': '#A0A0A0',\n 'text-muted': '#666666',\n },\n fontFamily: {\n display: ['Orbitron', 'sans-serif'],\n body: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --primary: #00BFFF;\n --primary-dark: #009ACD;\n --accent: #FFD700;\n --accent-dark: #CCB000;\n --bg: #0a0a0a;\n --bg-alt: #111111;\n --bg-card: #1a1a1a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html {\n scroll-behavior: smooth;\n background: var(--bg);\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: #F0F0F0;\n background: var(--bg);\n overflow-x: hidden;\n }\n\n \/* Hero grid background *\/\n .hero-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(0,191,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,191,255,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n }\n\n \/* Radial glow behind hero *\/\n .hero-glow {\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 900px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(0,191,255,0.10) 0%, rgba(255,215,0,0.05) 40%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-glow-2 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,215,0,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Animated headline glow *\/\n @keyframes textGlow {\n 0%, 100% {\n text-shadow:\n 0 0 20px rgba(0,191,255,0.3),\n 0 0 40px rgba(0,191,255,0.15),\n 0 0 80px rgba(0,191,255,0.05);\n }\n 50% {\n text-shadow:\n 0 0 30px rgba(0,191,255,0.5),\n 0 0 60px rgba(0,191,255,0.25),\n 0 0 100px rgba(0,191,255,0.1),\n 0 0 140px rgba(255,215,0,0.05);\n }\n }\n\n .glow-text {\n animation: textGlow 4s ease-in-out infinite;\n }\n\n \/* Floating particles *\/\n @keyframes float-up {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-20vh) scale(1); opacity: 0; }\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--primary);\n border-radius: 50%;\n opacity: 0;\n }\n\n .particle:nth-child(odd) { background: var(--accent); }\n\n .particle-1 { left: 10%; animation: float-up 8s linear infinite; animation-delay: 0s; }\n .particle-2 { left: 25%; animation: float-up 10s linear infinite; animation-delay: 2s; }\n .particle-3 { left: 40%; animation: float-up 7s linear infinite; animation-delay: 1s; }\n .particle-4 { left: 55%; animation: float-up 9s linear infinite; animation-delay: 3s; }\n .particle-5 { left: 70%; animation: float-up 11s linear infinite; animation-delay: 0.5s; }\n .particle-6 { left: 85%; animation: float-up 8s linear infinite; animation-delay: 4s; }\n .particle-7 { left: 15%; animation: float-up 12s linear infinite; animation-delay: 5s; width: 2px; height: 2px; }\n .particle-8 { left: 60%; animation: float-up 9s linear infinite; animation-delay: 6s; width: 2px; height: 2px; }\n .particle-9 { left: 90%; animation: float-up 10s linear infinite; animation-delay: 1.5s; }\n .particle-10 { left: 45%; animation: float-up 8s linear infinite; animation-delay: 7s; width: 4px; height: 4px; }\n\n \/* Section \u2014 always visible by default *\/\n .fade-section {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Gold underline *\/\n .gold-underline {\n display: inline-block;\n position: relative;\n }\n .gold-underline::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n border-radius: 2px;\n }\n\n \/* Card hover glow *\/\n .card-glow {\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n }\n .card-glow:hover {\n box-shadow: 0 0 25px rgba(0,191,255,0.15), 0 0 50px rgba(0,191,255,0.05);\n border-color: rgba(0,191,255,0.5);\n transform: translateY(-4px);\n }\n\n \/* Pricing popular *\/\n .pricing-popular {\n border-color: var(--accent) !important;\n box-shadow: 0 0 30px rgba(255,215,0,0.1), 0 0 60px rgba(255,215,0,0.05);\n }\n\n \/* FAQ accordion *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;\n padding: 0 24px;\n }\n .faq-answer.open {\n max-height: 200px;\n padding: 0 24px 20px;\n }\n\n .faq-icon {\n transition: transform 0.3s ease;\n }\n .faq-item.open .faq-icon {\n transform: rotate(45deg);\n }\n\n \/* CTA gradient *\/\n .btn-gold {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n color: #000;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-gold:hover {\n background: linear-gradient(135deg, #FFE44D, #FFB733);\n box-shadow: 0 0 25px rgba(255,215,0,0.3);\n transform: translateY(-2px);\n }\n\n .btn-blue-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n .btn-blue-outline:hover {\n background: rgba(0,191,255,0.1);\n box-shadow: 0 0 20px rgba(0,191,255,0.2);\n transform: translateY(-2px);\n }\n\n .btn-blue {\n background: linear-gradient(135deg, #00BFFF, #0099CC);\n color: #fff;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-blue:hover {\n background: linear-gradient(135deg, #33CCFF, #00AADD);\n box-shadow: 0 0 25px rgba(0,191,255,0.3);\n transform: translateY(-2px);\n }\n\n \/* Car silhouette *\/\n .car-silhouette {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n height: 120px;\n background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(0,191,255,0.06) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0a; }\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #555; }\n\n \/* Nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.3s ease;\n }\n .nav-link:hover { color: var(--primary); }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n \/* Photo placeholders *\/\n .photo-placeholder {\n background: linear-gradient(135deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);\n border: 1px solid #333;\n transition: border-color 0.3s ease;\n }\n .photo-placeholder:hover {\n border-color: rgba(0,191,255,0.3);\n }\n <\/style>\n <\/head>\n <body data-id=\"0\" class=\"bg-bg\">\n <app-icon data-id=\"1\" hidden data-icon=\"music\" data-palette=\"Dark\"><\/app-icon>\n\n \n <nav data-id=\"2\" id=\"navbar-x9f2\" class=\"fixed top-0 left-0 right-0 z-50 bg-bg\/80 backdrop-blur-md border-b border-white\/5\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto px-4 md:px-6 lg:px-8 flex items-center justify-between h-16\">\n <a data-id=\"4\" href=\"#hero\" class=\"font-display font-bold text-lg md:text-xl tracking-wider\">\n <span data-id=\"5\" class=\"text-primary\">Car<\/span><span data-id=\"6\" class=\"text-accent\">Song<\/span><span data-id=\"7\" class=\"text-text-primary\"> Gen<\/span>\n <\/a>\n <div data-id=\"8\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"9\" href=\"#how-it-works\" class=\"nav-link text-sm text-text-secondary\">How It Works<\/a>\n <a data-id=\"10\" href=\"#features\" class=\"nav-link text-sm text-text-secondary\">Features<\/a>\n <a data-id=\"11\" href=\"#pricing\" class=\"nav-link text-sm text-text-secondary\">Pricing<\/a>\n <a data-id=\"12\" href=\"#who\" class=\"nav-link text-sm text-text-secondary\">Who It’s For<\/a>\n <a data-id=\"13\" href=\"#faq\" class=\"nav-link text-sm text-text-secondary\">FAQ<\/a>\n <a data-id=\"14\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"nav-link text-sm text-text-secondary\">My Account<\/a>\n <a data-id=\"15\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-5 py-2 rounded-full text-sm\">Try It Now<\/a>\n <\/div>\n <button data-id=\"16\" id=\"mobile-menu-btn-a3k1\" class=\"md:hidden p-2 text-text-primary\" aria-label=\"Open menu\">\n <i data-id=\"17\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <nav data-id=\"18\" id=\"mobile-menu-d8r4\" class=\"hidden fixed inset-0 bg-bg\/95 backdrop-blur-lg z-[60] flex flex-col p-6\">\n <div data-id=\"19\" class=\"flex justify-between items-center mb-10\">\n <span data-id=\"20\" class=\"font-display font-bold text-lg\">\n <span data-id=\"21\" class=\"text-primary\">Car<\/span><span data-id=\"22\" class=\"text-accent\">Song<\/span><span data-id=\"23\" class=\"text-text-primary\"> Gen<\/span>\n <\/span>\n <button data-id=\"24\" id=\"mobile-menu-close-j2m5\" class=\"p-2 text-text-primary\" aria-label=\"Close menu\">\n <i data-id=\"25\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"26\" class=\"flex flex-col gap-6 text-lg\">\n <a data-id=\"27\" href=\"#how-it-works\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">How It Works<\/a>\n <a data-id=\"28\" href=\"#features\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Features<\/a>\n <a data-id=\"29\" href=\"#pricing\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Pricing<\/a>\n <a data-id=\"30\" href=\"#who\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Who It’s For<\/a>\n <a data-id=\"31\" href=\"#faq\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">FAQ<\/a>\n <a data-id=\"32\" href=\"https\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">My Account<\/a>\n <a data-id=\"33\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-base mt-4 mobile-nav-link\">Try It Now<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"34\">\n \n <section data-id=\"35\" id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden bg-bg\">\n <div data-id=\"36\" class=\"hero-grid\"><\/div>\n <div data-id=\"37\" class=\"hero-glow\"><\/div>\n <div data-id=\"38\" class=\"hero-glow-2\"><\/div>\n <div data-id=\"39\" class=\"car-silhouette\"><\/div>\n\n \n <div data-id=\"40\" class=\"particle particle-1\"><\/div>\n <div data-id=\"41\" class=\"particle particle-2\"><\/div>\n <div data-id=\"42\" class=\"particle particle-3\"><\/div>\n <div data-id=\"43\" class=\"particle particle-4\"><\/div>\n <div data-id=\"44\" class=\"particle particle-5\"><\/div>\n <div data-id=\"45\" class=\"particle particle-6\"><\/div>\n <div data-id=\"46\" class=\"particle particle-7\"><\/div>\n <div data-id=\"47\" class=\"particle particle-8\"><\/div>\n <div data-id=\"48\" class=\"particle particle-9\"><\/div>\n <div data-id=\"49\" class=\"particle particle-10\"><\/div>\n\n <div data-id=\"50\" class=\"relative z-10 text-center px-4 md:px-6 max-w-4xl mx-auto\">\n <h1 data-id=\"51\" id=\"hero-headline-k4m2\" class=\"font-display font-black text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl leading-tight tracking-tight glow-text mb-6\">\n Your Car. Your Song.<br data-id=\"52\" class=\"hidden sm:block\" \/> Your Story.\n <\/h1>\n <p data-id=\"53\" id=\"hero-sub-p9q3\" class=\"text-text-secondary text-base sm:text-lg md:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\n Enter any car’s Year, Make & Model \u2014 get a custom AI-written song in your chosen music style, plus 4 stunning AI-generated photos. Instantly.\n <\/p>\n <div data-id=\"54\" class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-8\">\n <a data-id=\"55\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-try-h7n1\" class=\"btn-gold px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"56\">\ud83c\udfb5<\/span> Try It Now \u2014 $2.99\n <\/a>\n <a data-id=\"57\" href=\"#how-it-works\" id=\"cta-demo-r5t8\" class=\"btn-blue-outline px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"58\">\ud83c\udfac<\/span> Watch the Demo\n <\/a>\n <\/div>\n <p data-id=\"59\" id=\"hero-trust-w3x6\" class=\"text-text-muted text-xs sm:text-sm\">\n \u2705 Instant delivery | \u2705 No account needed | \u2705 Powered by AI\n <\/p>\n <\/div>\n <\/section>\n\n \n <section data-id=\"60\" id=\"how-it-works\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"61\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"62\" id=\"hiw-title-m2v7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"63\" class=\"gold-underline\">How It Works<\/span>\n <\/h2>\n <div data-id=\"64\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div data-id=\"65\" id=\"hiw-card1-b4c9\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"66\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83d\ude97\n <\/div>\n <div data-id=\"67\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 1<\/div>\n <h3 data-id=\"68\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Enter Your Car<\/h3>\n <p data-id=\"69\" class=\"text-text-secondary text-sm leading-relaxed\">Type in the Year, Make & Model of any car \u2014 past, present, or dream ride.<\/p>\n <\/div>\n \n <div data-id=\"70\" id=\"hiw-card2-g7h3\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"71\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb8\n <\/div>\n <div data-id=\"72\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 2<\/div>\n <h3 data-id=\"73\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Pick Your Genre<\/h3>\n <p data-id=\"74\" class=\"text-text-secondary text-sm leading-relaxed\">Choose from Country, Hip-Hop, Rock, Gospel, R&B, Pop, Metal, or Jazz.<\/p>\n <\/div>\n \n <div data-id=\"75\" id=\"hiw-card3-k1n6\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"76\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb5\n <\/div>\n <div data-id=\"77\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 3<\/div>\n <h3 data-id=\"78\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Get Your Song + Photos<\/h3>\n <p data-id=\"79\" class=\"text-text-secondary text-sm leading-relaxed\">AI writes a custom song and generates 4 pro-quality photos \u2014 delivered in seconds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"80\" id=\"features\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"81\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"82\" id=\"feat-title-d5f2\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"83\" class=\"gold-underline\">Everything You Get For $2.99<\/span>\n <\/h2>\n <div data-id=\"84\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start\">\n \n <div data-id=\"85\" id=\"feat-list-s8u4\" class=\"space-y-5\">\n <div data-id=\"86\" class=\"flex items-start gap-3\">\n <span data-id=\"87\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"88\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"89\" class=\"text-text-primary\"><strong data-id=\"90\">1 Original AI-Written Song<\/strong> <span data-id=\"91\" class=\"text-text-secondary\">\u2014 2 verses + chorus, custom to your car<\/span><\/p>\n <\/div>\n <div data-id=\"92\" class=\"flex items-start gap-3\">\n <span data-id=\"93\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"94\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"95\" class=\"text-text-primary\"><strong data-id=\"96\">4 AI-Generated Car Photos<\/strong> <span data-id=\"97\" class=\"text-text-secondary\">\u2014 Front, Side, Rear, Interior<\/span><\/p>\n <\/div>\n <div data-id=\"98\" class=\"flex items-start gap-3\">\n <span data-id=\"99\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"100\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"101\" class=\"text-text-primary\"><strong data-id=\"102\">8 Music Genre Options<\/strong> <span data-id=\"103\" class=\"text-text-secondary\">\u2014 Country, Rock, Hip-Hop, Gospel, R&B, Pop, Metal, Jazz<\/span><\/p>\n <\/div>\n <div data-id=\"104\" class=\"flex items-start gap-3\">\n <span data-id=\"105\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"106\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"107\" class=\"text-text-primary\"><strong data-id=\"108\">Text-to-Speech Playback<\/strong> <span data-id=\"109\" class=\"text-text-secondary\">\u2014 Hit “Hear the Song” and listen to it read aloud<\/span><\/p>\n <\/div>\n <div data-id=\"110\" class=\"flex items-start gap-3\">\n <span data-id=\"111\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"112\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"113\" class=\"text-text-primary\"><strong data-id=\"114\">Printable\/Shareable Song Card<\/strong> <span data-id=\"115\" class=\"text-text-secondary\">\u2014 Save it, share it, frame it<\/span><\/p>\n <\/div>\n <div data-id=\"116\" class=\"flex items-start gap-3\">\n <span data-id=\"117\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"118\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"119\" class=\"text-text-primary\"><strong data-id=\"120\">Works for ANY Car<\/strong> <span data-id=\"121\" class=\"text-text-secondary\">\u2014 Classic, modern, exotic, or daily driver<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"122\" id=\"feat-preview-v3w9\" class=\"bg-bg-card border border-white\/10 rounded-2xl overflow-hidden\">\n <div data-id=\"123\" class=\"bg-gradient-to-r from-primary\/20 to-accent\/20 px-6 py-4 border-b border-white\/5\">\n <h3 data-id=\"124\" class=\"font-display font-bold text-base md:text-lg flex items-center gap-2\">\n \ud83d\ude97 <span data-id=\"125\">1969 Ford Mustang<\/span> <span data-id=\"126\" class=\"text-primary\">\u2014 Rock Edition<\/span>\n <\/h3>\n <\/div>\n <div data-id=\"127\" class=\"p-6\">\n \n <div data-id=\"128\" class=\"mb-6 space-y-4 text-sm leading-relaxed\">\n <div data-id=\"129\">\n <p data-id=\"130\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 1<\/p>\n <p data-id=\"131\" class=\"text-text-primary italic\">Chrome and steel under Texas sun,<br data-id=\"132\"\/>Three-fifty-one, yeah she’s second to none,<br data-id=\"133\"\/>Midnight black with a rumble low,<br data-id=\"134\"\/>Hit the highway, let the whole world know.<\/p>\n <\/div>\n <div data-id=\"135\">\n <p data-id=\"136\" class=\"text-accent text-xs uppercase tracking-widest mb-2 font-display\">Chorus<\/p>\n <p data-id=\"137\" class=\"text-accent font-semibold italic\">Mustang runnin’, hear that engine sing,<br data-id=\"138\"\/>She’s the queen of every road, the freedom that she brings,<br data-id=\"139\"\/>Sixty-nine and forever wild,<br data-id=\"140\"\/>Born to ride, pedal down, mile after mile!<\/p>\n <\/div>\n <div data-id=\"141\">\n <p data-id=\"142\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 2<\/p>\n <p data-id=\"143\" class=\"text-text-primary italic\">Garage light flickerin’ on the hood,<br data-id=\"144\"\/>Every scratch tells a story good,<br data-id=\"145\"\/>Handed down from my old man’s hands,<br data-id=\"146\"\/>Ain’t no car like this in all the land.<\/p>\n <\/div>\n <\/div>\n \n <p data-id=\"147\" class=\"text-text-muted text-xs uppercase tracking-widest mb-3 font-display\">AI-Generated Photos<\/p>\n <div data-id=\"148\" class=\"grid grid-cols-2 gap-3\">\n <div data-id=\"149\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"150\" class=\"text-2xl mb-1\">\ud83c\udfce\ufe0f<\/span>\n <span data-id=\"151\" class=\"text-text-muted text-xs\">Front View<\/span>\n <\/div>\n <div data-id=\"152\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"153\" class=\"text-2xl mb-1\">\ud83d\ude97<\/span>\n <span data-id=\"154\" class=\"text-text-muted text-xs\">Side Profile<\/span>\n <\/div>\n <div data-id=\"155\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"156\" class=\"text-2xl mb-1\">\ud83d\udd19<\/span>\n <span data-id=\"157\" class=\"text-text-muted text-xs\">Rear View<\/span>\n <\/div>\n <div data-id=\"158\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"159\" class=\"text-2xl mb-1\">\ud83e\ude91<\/span>\n <span data-id=\"160\" class=\"text-text-muted text-xs\">Interior<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"161\" id=\"pricing\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"162\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"163\" id=\"price-title-e6g1\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"164\" class=\"gold-underline\">Simple, Honest Pricing<\/span>\n <\/h2>\n <div data-id=\"165\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div data-id=\"166\" id=\"price-single-c2d8\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"167\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Single Song<\/h3>\n <div data-id=\"168\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"169\" class=\"font-display font-black text-3xl text-primary\">$2.99<\/span>\n <\/div>\n <p data-id=\"170\" class=\"text-text-secondary text-sm mb-6 flex-grow\">1 custom song + 4 AI photos for your car.<\/p>\n <a data-id=\"171\" href=\"https:\/\/https:\/\/hutchisoncinema.com\/csg\/\/csg\/\/csg\/\/csg\/\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"172\" id=\"price-5pack-f3h9\" class=\"pricing-popular bg-bg-card border-2 border-accent rounded-2xl p-6 flex flex-col relative\">\n <div data-id=\"173\" class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-accent text-black text-xs font-bold px-4 py-1 rounded-full font-display tracking-wider\">MOST POPULAR<\/div>\n <h3 data-id=\"174\" class=\"font-display font-bold text-lg mb-1 text-text-primary mt-2\">5-Song Pack<\/h3>\n <div data-id=\"175\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"176\" class=\"font-display font-black text-3xl text-accent\">$9.99<\/span>\n <\/div>\n <p data-id=\"177\" class=\"text-accent text-xs font-semibold mb-3\">Save 33%<\/p>\n <p data-id=\"178\" class=\"text-text-secondary text-sm mb-6 flex-grow\">5 custom songs + 20 AI photos. Best value for enthusiasts.<\/p>\n <a data-id=\"179\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/5-song-pack\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"180\" id=\"price-10pack-i4j6\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"181\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">10-Song Pack<\/h3>\n <div data-id=\"182\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"183\" class=\"font-display font-black text-3xl text-primary\">$17.99<\/span>\n <\/div>\n <p data-id=\"184\" class=\"text-primary text-xs font-semibold mb-3\">Save 40%<\/p>\n <p data-id=\"185\" class=\"text-text-secondary text-sm mb-6 flex-grow\">10 custom songs + 40 AI photos. Perfect for collections.<\/p>\n <a data-id=\"186\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/10-song-pack\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"187\" id=\"price-dealer-l5m7\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"188\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Dealer Monthly<\/h3>\n <div data-id=\"189\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"190\" class=\"font-display font-black text-3xl text-primary\">$79<\/span>\n <span data-id=\"191\" class=\"text-text-muted text-sm\">\/mo<\/span>\n <\/div>\n <p data-id=\"192\" class=\"text-text-secondary text-sm mb-6 flex-grow\">Unlimited songs for your entire lot. Cancel anytime.<\/p>\n <a data-id=\"193\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/dealer-monthly-plan\" target=\"_blank\" class=\"btn-blue-outline px-6 py-3 rounded-full text-center text-sm w-full block\">Get Started<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"194\" id=\"who\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"195\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"196\" id=\"who-title-n6o3\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"197\" class=\"gold-underline\">Built For Car People<\/span>\n <\/h2>\n <div data-id=\"198\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div data-id=\"199\" id=\"who-card1-p7q8\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"200\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfc6\n <\/div>\n <h3 data-id=\"201\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Show Enthusiasts<\/h3>\n <p data-id=\"202\" class=\"text-text-secondary text-sm leading-relaxed\">Get a hype song for your show car. Print the lyrics and display them next to your build.<\/p>\n <\/div>\n <div data-id=\"203\" id=\"who-card2-r8s1\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"204\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfe2\n <\/div>\n <h3 data-id=\"205\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Auto Dealerships<\/h3>\n <p data-id=\"206\" class=\"text-text-secondary text-sm leading-relaxed\">Generate a custom song for every car on your lot. Post to social media and stand out from every other dealer.<\/p>\n <\/div>\n <div data-id=\"207\" id=\"who-card3-t9u2\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"208\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \u2764\ufe0f\n <\/div>\n <h3 data-id=\"209\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Lovers & Collectors<\/h3>\n <p data-id=\"210\" class=\"text-text-secondary text-sm leading-relaxed\">That car you love deserves its own song. A perfect gift for any car owner \u2014 birthdays, holidays, or just because.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"211\" id=\"faq\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"212\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"213\" id=\"faq-title-v1w5\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"214\" class=\"gold-underline\">Frequently Asked Questions<\/span>\n <\/h2>\n <div data-id=\"215\" class=\"space-y-3\">\n \n <div data-id=\"216\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"1\">\n <button data-id=\"217\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"218\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What cars does this work for?<\/span>\n <span data-id=\"219\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"220\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"221\" class=\"faq-answer\">\n <p data-id=\"222\" class=\"text-text-secondary text-sm leading-relaxed\">Any car, any year, any make and model worldwide. From a 1957 Chevy Bel Air to a 2026 Tesla Model S \u2014 if it has wheels and an engine (or a motor), we can write a song about it.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"223\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"2\">\n <button data-id=\"224\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"225\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">How long does it take?<\/span>\n <span data-id=\"226\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"227\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"228\" class=\"faq-answer\">\n <p data-id=\"229\" class=\"text-text-secondary text-sm leading-relaxed\">Usually 15\u201330 seconds for the song and photos to generate. You’ll see results appear in real-time on your screen.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"230\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"3\">\n <button data-id=\"231\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"232\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can I hear the song out loud?<\/span>\n <span data-id=\"233\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"234\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"235\" class=\"faq-answer\">\n <p data-id=\"236\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! Hit the “Hear the Song” button and the AI will read your custom lyrics aloud with expressive text-to-speech technology.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"237\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"4\">\n <button data-id=\"238\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"239\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Do I need an account?<\/span>\n <span data-id=\"240\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"241\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"242\" class=\"faq-answer\">\n <p data-id=\"243\" class=\"text-text-secondary text-sm leading-relaxed\">No account needed. Just pay, generate your song and photos, and enjoy. It’s that simple.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"244\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"5\">\n <button data-id=\"245\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"246\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What music genres are available?<\/span>\n <span data-id=\"247\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"248\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"249\" class=\"faq-answer\">\n <p data-id=\"250\" class=\"text-text-secondary text-sm leading-relaxed\">Country, Hip-Hop, Rock, Gospel, R&B\/Soul, Pop, Metal, and Jazz\/Blues. We’re always adding more styles based on user feedback.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"251\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"6\">\n <button data-id=\"252\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"253\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can dealerships get a bulk plan?<\/span>\n <span data-id=\"254\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"255\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"256\" class=\"faq-answer\">\n <p data-id=\"257\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! The Dealer Monthly plan gives you unlimited song generations for $79\/month. Perfect for creating unique content for every vehicle on your lot.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"258\" id=\"try\" class=\"py-20 md:py-28 bg-bg relative overflow-hidden\">\n <div data-id=\"259\" class=\"absolute inset-0 border-t border-b border-accent\/10\"><\/div>\n <div data-id=\"260\" class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(0,191,255,0.03) 0%, rgba(255,215,0,0.03) 100%);\"><\/div>\n <div data-id=\"261\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 text-center relative z-10 fade-section\">\n <h2 data-id=\"262\" id=\"cta-final-title-x2y7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl mb-4 glow-text\">\n Your Car Deserves Its Own Song.\n <\/h2>\n <p data-id=\"263\" id=\"cta-final-sub-z3a8\" class=\"text-text-secondary text-base md:text-lg mb-10 max-w-xl mx-auto\">\n Join thousands of car lovers who’ve already generated their custom car song.\n <\/p>\n <a data-id=\"264\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-final-btn-b4c1\" class=\"btn-gold px-10 py-4 rounded-full text-lg inline-flex items-center gap-2\">\n <span data-id=\"265\">\ud83c\udfb5<\/span> Generate My Car Song \u2014 $2.99\n <\/a>\n <p data-id=\"266\" class=\"text-text-muted text-xs mt-6\">No subscription required \u00b7 Instant delivery \u00b7 100% satisfaction<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"267\" id=\"footer-d5e2\" class=\"bg-bg-footer border-t border-white\/5 py-12\">\n <div data-id=\"268\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8\">\n <div data-id=\"269\" class=\"flex flex-col md:flex-row items-center justify-between gap-6 mb-8\">\n <div data-id=\"270\" class=\"font-display font-bold text-xl tracking-wider\">\n <span data-id=\"271\" class=\"text-primary\">Car<\/span><span data-id=\"272\" class=\"text-accent\">Song<\/span><span data-id=\"273\" class=\"text-text-primary\"> Generator<\/span>\n <\/div>\n <div data-id=\"274\" class=\"flex flex-wrap items-center justify-center gap-6 text-sm text-text-secondary\">\n <a data-id=\"275\" href=\"#hero\" class=\"hover:text-primary transition-colors\">Home<\/a>\n <a data-id=\"276\" href=\"#how-it-works\" class=\"hover:text-primary transition-colors\">How It Works<\/a>\n <a data-id=\"277\" href=\"#pricing\" class=\"hover:text-primary transition-colors\">Pricing<\/a>\n <a data-id=\"278\" href=\"#faq\" class=\"hover:text-primary transition-colors\">FAQ<\/a>\n <a data-id=\"279\" href=\"https:\/\/www.paypal.com\/ncp\/payment\/EPR7G97P8EMDU\" target=\"_blank\" class=\"hover:text-primary transition-colors\">Contact<\/a>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"border-t border-white\/5 pt-6 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-text-muted\">\n <p data-id=\"281\">Powered by AI \u2022 Made for Car People \u2022 \u00a9 2026 Car Song Generator<\/p>\n <div data-id=\"282\" class=\"flex items-center gap-2\">\n <i data-id=\"283\" data-lucide=\"lock\" class=\"w-3 h-3 text-accent\"><\/i>\n <span data-id=\"284\">Secure payments by PayPal<\/span>\n <\/div>\n <\/div>\n <p data-id=\"285\" class=\"text-center text-text-muted text-xs mt-6\">Made by Copilot<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Guard Lucide initialization\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ --- Mobile Menu ---\n var mobileMenuBtn = document.getElementById('mobile-menu-btn-a3k1');\n var mobileMenu = document.getElementById('mobile-menu-d8r4');\n var mobileMenuClose = document.getElementById('mobile-menu-close-j2m5');\n\n if (mobileMenuBtn && mobileMenu && mobileMenuClose) {\n mobileMenuBtn.addEventListener('click', function () {\n mobileMenu.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n });\n\n mobileMenuClose.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n\n \/\/ Close on link click\n document.querySelectorAll('.mobile-nav-link').forEach(function (link) {\n link.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n });\n }\n\n \/\/ --- FAQ Accordion ---\n document.querySelectorAll('.faq-toggle').forEach(function (toggle) {\n toggle.addEventListener('click', function () {\n var item = this.closest('.faq-item');\n var answer = item.querySelector('.faq-answer');\n var isOpen = item.classList.contains('open');\n\n \/\/ Close all others\n document.querySelectorAll('.faq-item').forEach(function (otherItem) {\n otherItem.classList.remove('open');\n otherItem.querySelector('.faq-answer').classList.remove('open');\n otherItem.querySelector('.faq-toggle').setAttribute('aria-expanded', 'false');\n });\n\n \/\/ Toggle current\n if (!isOpen) {\n item.classList.add('open');\n answer.classList.add('open');\n this.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ --- Navbar background on scroll ---\n var navbar = document.getElementById('navbar-x9f2');\n if (navbar) {\n window.addEventListener('scroll', function () {\n if (window.scrollY > 50) {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.08)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.95)';\n } else {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.03)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.8)';\n }\n });\n }\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"color-scheme\" content=\"dark\">\n <title>Car Song Generator – Landing Page<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#00BFFF',\n 'primary-dark': '#009ACD',\n 'primary-light': '#33CCFF',\n accent: '#FFD700',\n 'accent-dark': '#CCB000',\n 'accent-light': '#FFE44D',\n bg: '#0a0a0a',\n 'bg-alt': '#111111',\n 'bg-card': '#1a1a1a',\n 'bg-footer': '#050505',\n 'text-primary': '#F0F0F0',\n 'text-secondary': '#A0A0A0',\n 'text-muted': '#666666',\n },\n fontFamily: {\n display: ['Orbitron', 'sans-serif'],\n body: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer=\"\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #00BFFF;\n --primary-dark: #009ACD;\n --accent: #FFD700;\n --accent-dark: #CCB000;\n --bg: #0a0a0a;\n --bg-alt: #111111;\n --bg-card: #1a1a1a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html {\n scroll-behavior: smooth;\n background: var(--bg);\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: #F0F0F0;\n background: var(--bg);\n overflow-x: hidden;\n }\n\n \/* Hero grid background *\/\n .hero-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(0,191,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,191,255,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n }\n\n \/* Radial glow behind hero *\/\n .hero-glow {\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 900px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(0,191,255,0.10) 0%, rgba(255,215,0,0.05) 40%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-glow-2 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,215,0,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Animated headline glow *\/\n @keyframes textGlow {\n 0%, 100% {\n text-shadow:\n 0 0 20px rgba(0,191,255,0.3),\n 0 0 40px rgba(0,191,255,0.15),\n 0 0 80px rgba(0,191,255,0.05);\n }\n 50% {\n text-shadow:\n 0 0 30px rgba(0,191,255,0.5),\n 0 0 60px rgba(0,191,255,0.25),\n 0 0 100px rgba(0,191,255,0.1),\n 0 0 140px rgba(255,215,0,0.05);\n }\n }\n\n .glow-text {\n animation: textGlow 4s ease-in-out infinite;\n }\n\n \/* Floating particles *\/\n @keyframes float-up {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-20vh) scale(1); opacity: 0; }\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--primary);\n border-radius: 50%;\n opacity: 0;\n }\n\n .particle:nth-child(odd) { background: var(--accent); }\n\n .particle-1 { left: 10%; animation: float-up 8s linear infinite; animation-delay: 0s; }\n .particle-2 { left: 25%; animation: float-up 10s linear infinite; animation-delay: 2s; }\n .particle-3 { left: 40%; animation: float-up 7s linear infinite; animation-delay: 1s; }\n .particle-4 { left: 55%; animation: float-up 9s linear infinite; animation-delay: 3s; }\n .particle-5 { left: 70%; animation: float-up 11s linear infinite; animation-delay: 0.5s; }\n .particle-6 { left: 85%; animation: float-up 8s linear infinite; animation-delay: 4s; }\n .particle-7 { left: 15%; animation: float-up 12s linear infinite; animation-delay: 5s; width: 2px; height: 2px; }\n .particle-8 { left: 60%; animation: float-up 9s linear infinite; animation-delay: 6s; width: 2px; height: 2px; }\n .particle-9 { left: 90%; animation: float-up 10s linear infinite; animation-delay: 1.5s; }\n .particle-10 { left: 45%; animation: float-up 8s linear infinite; animation-delay: 7s; width: 4px; height: 4px; }\n\n \/* Section \u2014 always visible by default *\/\n .fade-section {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Gold underline *\/\n .gold-underline {\n display: inline-block;\n position: relative;\n }\n .gold-underline::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n border-radius: 2px;\n }\n\n \/* Card hover glow *\/\n .card-glow {\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n }\n .card-glow:hover {\n box-shadow: 0 0 25px rgba(0,191,255,0.15), 0 0 50px rgba(0,191,255,0.05);\n border-color: rgba(0,191,255,0.5);\n transform: translateY(-4px);\n }\n\n \/* Pricing popular *\/\n .pricing-popular {\n border-color: var(--accent) !important;\n box-shadow: 0 0 30px rgba(255,215,0,0.1), 0 0 60px rgba(255,215,0,0.05);\n }\n\n \/* FAQ accordion *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;\n padding: 0 24px;\n }\n .faq-answer.open {\n max-height: 200px;\n padding: 0 24px 20px;\n }\n\n .faq-icon {\n transition: transform 0.3s ease;\n }\n .faq-item.open .faq-icon {\n transform: rotate(45deg);\n }\n\n \/* CTA gradient *\/\n .btn-gold {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n color: #000;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-gold:hover {\n background: linear-gradient(135deg, #FFE44D, #FFB733);\n box-shadow: 0 0 25px rgba(255,215,0,0.3);\n transform: translateY(-2px);\n }\n\n .btn-blue-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n .btn-blue-outline:hover {\n background: rgba(0,191,255,0.1);\n box-shadow: 0 0 20px rgba(0,191,255,0.2);\n transform: translateY(-2px);\n }\n\n .btn-blue {\n background: linear-gradient(135deg, #00BFFF, #0099CC);\n color: #fff;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-blue:hover {\n background: linear-gradient(135deg, #33CCFF, #00AADD);\n box-shadow: 0 0 25px rgba(0,191,255,0.3);\n transform: translateY(-2px);\n }\n\n \/* Car silhouette *\/\n .car-silhouette {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n height: 120px;\n background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(0,191,255,0.06) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0a; }\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #555; }\n\n \/* Nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.3s ease;\n }\n .nav-link:hover { color: var(--primary); }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n \/* Photo placeholders *\/\n .photo-placeholder {\n background: linear-gradient(135deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);\n border: 1px solid #333;\n transition: border-color 0.3s ease;\n }\n .photo-placeholder:hover {\n border-color: rgba(0,191,255,0.3);\n }\n <\/style>\n \n \n <app-icon data-id=\"1\" hidden=\"\" data-icon=\"music\" data-palette=\"Dark\"><\/app-icon>\n\n \n <nav data-id=\"2\" id=\"navbar-x9f2\" class=\"fixed top-0 left-0 right-0 z-50 bg-bg\/80 backdrop-blur-md border-b border-white\/5\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto px-4 md:px-6 lg:px-8 flex items-center justify-between h-16\">\n <a data-id=\"4\" href=\"#hero\" class=\"font-display font-bold text-lg md:text-xl tracking-wider\">\n <span data-id=\"5\" class=\"text-primary\">Car<\/span><span data-id=\"6\" class=\"text-accent\">Song<\/span><span data-id=\"7\" class=\"text-text-primary\"> Gen<\/span>\n <\/a>\n <div data-id=\"8\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"9\" href=\"#how-it-works\" class=\"nav-link text-sm text-text-secondary\">How It Works<\/a>\n <a data-id=\"10\" href=\"#features\" class=\"nav-link text-sm text-text-secondary\">Features<\/a>\n <a data-id=\"11\" href=\"#pricing\" class=\"nav-link text-sm text-text-secondary\">Pricing<\/a>\n <a data-id=\"12\" href=\"#who\" class=\"nav-link text-sm text-text-secondary\">Who It’s For<\/a>\n <a data-id=\"13\" href=\"#faq\" class=\"nav-link text-sm text-text-secondary\">FAQ<\/a>\n <a data-id=\"14\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"nav-link text-sm text-text-secondary\">My Account<\/a>\n <a data-id=\"15\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-5 py-2 rounded-full text-sm\">Try It Now<\/a>\n <\/div>\n <button data-id=\"16\" id=\"mobile-menu-btn-a3k1\" class=\"md:hidden p-2 text-text-primary\" aria-label=\"Open menu\">\n <i data-id=\"17\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <nav data-id=\"18\" id=\"mobile-menu-d8r4\" class=\"hidden fixed inset-0 bg-bg\/95 backdrop-blur-lg z-[60] flex flex-col p-6\">\n <div data-id=\"19\" class=\"flex justify-between items-center mb-10\">\n <span data-id=\"20\" class=\"font-display font-bold text-lg\">\n <span data-id=\"21\" class=\"text-primary\">Car<\/span><span data-id=\"22\" class=\"text-accent\">Song<\/span><span data-id=\"23\" class=\"text-text-primary\"> Gen<\/span>\n <\/span>\n <button data-id=\"24\" id=\"mobile-menu-close-j2m5\" class=\"p-2 text-text-primary\" aria-label=\"Close menu\">\n <i data-id=\"25\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"26\" class=\"flex flex-col gap-6 text-lg\">\n <a data-id=\"27\" href=\"#how-it-works\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">How It Works<\/a>\n <a data-id=\"28\" href=\"#features\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Features<\/a>\n <a data-id=\"29\" href=\"#pricing\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Pricing<\/a>\n <a data-id=\"30\" href=\"#who\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Who It’s For<\/a>\n <a data-id=\"31\" href=\"#faq\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">FAQ<\/a>\n <a data-id=\"32\" href=\"https\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">My Account<\/a>\n <a data-id=\"33\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-base mt-4 mobile-nav-link\">Try It Now<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"34\">\n \n <section data-id=\"35\" id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden bg-bg\">\n <div data-id=\"36\" class=\"hero-grid\"><\/div>\n <div data-id=\"37\" class=\"hero-glow\"><\/div>\n <div data-id=\"38\" class=\"hero-glow-2\"><\/div>\n <div data-id=\"39\" class=\"car-silhouette\"><\/div>\n\n \n <div data-id=\"40\" class=\"particle particle-1\"><\/div>\n <div data-id=\"41\" class=\"particle particle-2\"><\/div>\n <div data-id=\"42\" class=\"particle particle-3\"><\/div>\n <div data-id=\"43\" class=\"particle particle-4\"><\/div>\n <div data-id=\"44\" class=\"particle particle-5\"><\/div>\n <div data-id=\"45\" class=\"particle particle-6\"><\/div>\n <div data-id=\"46\" class=\"particle particle-7\"><\/div>\n <div data-id=\"47\" class=\"particle particle-8\"><\/div>\n <div data-id=\"48\" class=\"particle particle-9\"><\/div>\n <div data-id=\"49\" class=\"particle particle-10\"><\/div>\n\n <div data-id=\"50\" class=\"relative z-10 text-center px-4 md:px-6 max-w-4xl mx-auto\">\n <h1 data-id=\"51\" id=\"hero-headline-k4m2\" class=\"font-display font-black text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl leading-tight tracking-tight glow-text mb-6\">\n Your Car. Your Song.<br data-id=\"52\" class=\"hidden sm:block\"> Your Story.\n <\/h1>\n <p data-id=\"53\" id=\"hero-sub-p9q3\" class=\"text-text-secondary text-base sm:text-lg md:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\n Enter any car’s Year, Make & Model \u2014 get a custom AI-written song in your chosen music style, plus 4 stunning AI-generated photos. Instantly.\n <\/p>\n <div data-id=\"54\" class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-8\">\n <a data-id=\"55\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-try-h7n1\" class=\"btn-gold px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"56\">\ud83c\udfb5<\/span> Try It Now \u2014 $2.99\n <\/a>\n <a data-id=\"57\" href=\"#how-it-works\" id=\"cta-demo-r5t8\" class=\"btn-blue-outline px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"58\">\ud83c\udfac<\/span> Watch the Demo\n <\/a>\n <\/div>\n <p data-id=\"59\" id=\"hero-trust-w3x6\" class=\"text-text-muted text-xs sm:text-sm\">\n \u2705 Instant delivery | \u2705 No account needed | \u2705 Powered by AI\n <\/p>\n <\/div>\n <\/section>\n\n \n <section data-id=\"60\" id=\"how-it-works\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"61\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"62\" id=\"hiw-title-m2v7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"63\" class=\"gold-underline\">How It Works<\/span>\n <\/h2>\n <div data-id=\"64\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div data-id=\"65\" id=\"hiw-card1-b4c9\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"66\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83d\ude97\n <\/div>\n <div data-id=\"67\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 1<\/div>\n <h3 data-id=\"68\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Enter Your Car<\/h3>\n <p data-id=\"69\" class=\"text-text-secondary text-sm leading-relaxed\">Type in the Year, Make & Model of any car \u2014 past, present, or dream ride.<\/p>\n <\/div>\n \n <div data-id=\"70\" id=\"hiw-card2-g7h3\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"71\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb8\n <\/div>\n <div data-id=\"72\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 2<\/div>\n <h3 data-id=\"73\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Pick Your Genre<\/h3>\n <p data-id=\"74\" class=\"text-text-secondary text-sm leading-relaxed\">Choose from Country, Hip-Hop, Rock, Gospel, R&B, Pop, Metal, or Jazz.<\/p>\n <\/div>\n \n <div data-id=\"75\" id=\"hiw-card3-k1n6\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"76\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb5\n <\/div>\n <div data-id=\"77\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 3<\/div>\n <h3 data-id=\"78\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Get Your Song + Photos<\/h3>\n <p data-id=\"79\" class=\"text-text-secondary text-sm leading-relaxed\">AI writes a custom song and generates 4 pro-quality photos \u2014 delivered in seconds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"80\" id=\"features\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"81\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"82\" id=\"feat-title-d5f2\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"83\" class=\"gold-underline\">Everything You Get For $2.99<\/span>\n <\/h2>\n <div data-id=\"84\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start\">\n \n <div data-id=\"85\" id=\"feat-list-s8u4\" class=\"space-y-5\">\n <div data-id=\"86\" class=\"flex items-start gap-3\">\n <span data-id=\"87\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"88\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"89\" class=\"text-text-primary\"><strong data-id=\"90\">1 Original AI-Written Song<\/strong> <span data-id=\"91\" class=\"text-text-secondary\">\u2014 2 verses + chorus, custom to your car<\/span><\/p>\n <\/div>\n <div data-id=\"92\" class=\"flex items-start gap-3\">\n <span data-id=\"93\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"94\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"95\" class=\"text-text-primary\"><strong data-id=\"96\">4 AI-Generated Car Photos<\/strong> <span data-id=\"97\" class=\"text-text-secondary\">\u2014 Front, Side, Rear, Interior<\/span><\/p>\n <\/div>\n <div data-id=\"98\" class=\"flex items-start gap-3\">\n <span data-id=\"99\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"100\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"101\" class=\"text-text-primary\"><strong data-id=\"102\">8 Music Genre Options<\/strong> <span data-id=\"103\" class=\"text-text-secondary\">\u2014 Country, Rock, Hip-Hop, Gospel, R&B, Pop, Metal, Jazz<\/span><\/p>\n <\/div>\n <div data-id=\"104\" class=\"flex items-start gap-3\">\n <span data-id=\"105\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"106\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"107\" class=\"text-text-primary\"><strong data-id=\"108\">Text-to-Speech Playback<\/strong> <span data-id=\"109\" class=\"text-text-secondary\">\u2014 Hit “Hear the Song” and listen to it read aloud<\/span><\/p>\n <\/div>\n <div data-id=\"110\" class=\"flex items-start gap-3\">\n <span data-id=\"111\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"112\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"113\" class=\"text-text-primary\"><strong data-id=\"114\">Printable\/Shareable Song Card<\/strong> <span data-id=\"115\" class=\"text-text-secondary\">\u2014 Save it, share it, frame it<\/span><\/p>\n <\/div>\n <div data-id=\"116\" class=\"flex items-start gap-3\">\n <span data-id=\"117\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"118\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"119\" class=\"text-text-primary\"><strong data-id=\"120\">Works for ANY Car<\/strong> <span data-id=\"121\" class=\"text-text-secondary\">\u2014 Classic, modern, exotic, or daily driver<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"122\" id=\"feat-preview-v3w9\" class=\"bg-bg-card border border-white\/10 rounded-2xl overflow-hidden\">\n <div data-id=\"123\" class=\"bg-gradient-to-r from-primary\/20 to-accent\/20 px-6 py-4 border-b border-white\/5\">\n <h3 data-id=\"124\" class=\"font-display font-bold text-base md:text-lg flex items-center gap-2\">\n \ud83d\ude97 <span data-id=\"125\">1969 Ford Mustang<\/span> <span data-id=\"126\" class=\"text-primary\">\u2014 Rock Edition<\/span>\n <\/h3>\n <\/div>\n <div data-id=\"127\" class=\"p-6\">\n \n <div data-id=\"128\" class=\"mb-6 space-y-4 text-sm leading-relaxed\">\n <div data-id=\"129\">\n <p data-id=\"130\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 1<\/p>\n <p data-id=\"131\" class=\"text-text-primary italic\">Chrome and steel under Texas sun,<br data-id=\"132\">Three-fifty-one, yeah she’s second to none,<br data-id=\"133\">Midnight black with a rumble low,<br data-id=\"134\">Hit the highway, let the whole world know.<\/p>\n <\/div>\n <div data-id=\"135\">\n <p data-id=\"136\" class=\"text-accent text-xs uppercase tracking-widest mb-2 font-display\">Chorus<\/p>\n <p data-id=\"137\" class=\"text-accent font-semibold italic\">Mustang runnin’, hear that engine sing,<br data-id=\"138\">She’s the queen of every road, the freedom that she brings,<br data-id=\"139\">Sixty-nine and forever wild,<br data-id=\"140\">Born to ride, pedal down, mile after mile!<\/p>\n <\/div>\n <div data-id=\"141\">\n <p data-id=\"142\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 2<\/p>\n <p data-id=\"143\" class=\"text-text-primary italic\">Garage light flickerin’ on the hood,<br data-id=\"144\">Every scratch tells a story good,<br data-id=\"145\">Handed down from my old man’s hands,<br data-id=\"146\">Ain’t no car like this in all the land.<\/p>\n <\/div>\n <\/div>\n \n <p data-id=\"147\" class=\"text-text-muted text-xs uppercase tracking-widest mb-3 font-display\">AI-Generated Photos<\/p>\n <div data-id=\"148\" class=\"grid grid-cols-2 gap-3\">\n <div data-id=\"149\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"150\" class=\"text-2xl mb-1\">\ud83c\udfce\ufe0f<\/span>\n <span data-id=\"151\" class=\"text-text-muted text-xs\">Front View<\/span>\n <\/div>\n <div data-id=\"152\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"153\" class=\"text-2xl mb-1\">\ud83d\ude97<\/span>\n <span data-id=\"154\" class=\"text-text-muted text-xs\">Side Profile<\/span>\n <\/div>\n <div data-id=\"155\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"156\" class=\"text-2xl mb-1\">\ud83d\udd19<\/span>\n <span data-id=\"157\" class=\"text-text-muted text-xs\">Rear View<\/span>\n <\/div>\n <div data-id=\"158\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"159\" class=\"text-2xl mb-1\">\ud83e\ude91<\/span>\n <span data-id=\"160\" class=\"text-text-muted text-xs\">Interior<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"161\" id=\"pricing\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"162\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"163\" id=\"price-title-e6g1\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"164\" class=\"gold-underline\">Simple, Honest Pricing<\/span>\n <\/h2>\n <div data-id=\"165\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div data-id=\"166\" id=\"price-single-c2d8\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"167\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Single Song<\/h3>\n <div data-id=\"168\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"169\" class=\"font-display font-black text-3xl text-primary\">$2.99<\/span>\n <\/div>\n <p data-id=\"170\" class=\"text-text-secondary text-sm mb-6 flex-grow\">1 custom song + 4 AI photos for your car.<\/p>\n <a data-id=\"171\" href=\"https:\/\/https:\/\/hutchisoncinema.com\/csg\/\/csg\/\/csg\/\/csg\/\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"172\" id=\"price-5pack-f3h9\" class=\"pricing-popular bg-bg-card border-2 border-accent rounded-2xl p-6 flex flex-col relative\">\n <div data-id=\"173\" class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-accent text-black text-xs font-bold px-4 py-1 rounded-full font-display tracking-wider\">MOST POPULAR<\/div>\n <h3 data-id=\"174\" class=\"font-display font-bold text-lg mb-1 text-text-primary mt-2\">5-Song Pack<\/h3>\n <div data-id=\"175\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"176\" class=\"font-display font-black text-3xl text-accent\">$9.99<\/span>\n <\/div>\n <p data-id=\"177\" class=\"text-accent text-xs font-semibold mb-3\">Save 33%<\/p>\n <p data-id=\"178\" class=\"text-text-secondary text-sm mb-6 flex-grow\">5 custom songs + 20 AI photos. Best value for enthusiasts.<\/p>\n <a data-id=\"179\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/5-song-pack\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"180\" id=\"price-10pack-i4j6\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"181\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">10-Song Pack<\/h3>\n <div data-id=\"182\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"183\" class=\"font-display font-black text-3xl text-primary\">$17.99<\/span>\n <\/div>\n <p data-id=\"184\" class=\"text-primary text-xs font-semibold mb-3\">Save 40%<\/p>\n <p data-id=\"185\" class=\"text-text-secondary text-sm mb-6 flex-grow\">10 custom songs + 40 AI photos. Perfect for collections.<\/p>\n <a data-id=\"186\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/10-song-pack\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"187\" id=\"price-dealer-l5m7\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"188\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Dealer Monthly<\/h3>\n <div data-id=\"189\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"190\" class=\"font-display font-black text-3xl text-primary\">$79<\/span>\n <span data-id=\"191\" class=\"text-text-muted text-sm\">\/mo<\/span>\n <\/div>\n <p data-id=\"192\" class=\"text-text-secondary text-sm mb-6 flex-grow\">Unlimited songs for your entire lot. Cancel anytime.<\/p>\n <a data-id=\"193\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/dealer-monthly-plan\" target=\"_blank\" class=\"btn-blue-outline px-6 py-3 rounded-full text-center text-sm w-full block\">Get Started<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"194\" id=\"who\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"195\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"196\" id=\"who-title-n6o3\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"197\" class=\"gold-underline\">Built For Car People<\/span>\n <\/h2>\n <div data-id=\"198\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div data-id=\"199\" id=\"who-card1-p7q8\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"200\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfc6\n <\/div>\n <h3 data-id=\"201\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Show Enthusiasts<\/h3>\n <p data-id=\"202\" class=\"text-text-secondary text-sm leading-relaxed\">Get a hype song for your show car. Print the lyrics and display them next to your build.<\/p>\n <\/div>\n <div data-id=\"203\" id=\"who-card2-r8s1\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"204\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfe2\n <\/div>\n <h3 data-id=\"205\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Auto Dealerships<\/h3>\n <p data-id=\"206\" class=\"text-text-secondary text-sm leading-relaxed\">Generate a custom song for every car on your lot. Post to social media and stand out from every other dealer.<\/p>\n <\/div>\n <div data-id=\"207\" id=\"who-card3-t9u2\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"208\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \u2764\ufe0f\n <\/div>\n <h3 data-id=\"209\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Lovers & Collectors<\/h3>\n <p data-id=\"210\" class=\"text-text-secondary text-sm leading-relaxed\">That car you love deserves its own song. A perfect gift for any car owner \u2014 birthdays, holidays, or just because.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"211\" id=\"faq\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"212\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"213\" id=\"faq-title-v1w5\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"214\" class=\"gold-underline\">Frequently Asked Questions<\/span>\n <\/h2>\n <div data-id=\"215\" class=\"space-y-3\">\n \n <div data-id=\"216\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"1\">\n <button data-id=\"217\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"218\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What cars does this work for?<\/span>\n <span data-id=\"219\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"220\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"221\" class=\"faq-answer\">\n <p data-id=\"222\" class=\"text-text-secondary text-sm leading-relaxed\">Any car, any year, any make and model worldwide. From a 1957 Chevy Bel Air to a 2026 Tesla Model S \u2014 if it has wheels and an engine (or a motor), we can write a song about it.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"223\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"2\">\n <button data-id=\"224\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"225\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">How long does it take?<\/span>\n <span data-id=\"226\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"227\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"228\" class=\"faq-answer\">\n <p data-id=\"229\" class=\"text-text-secondary text-sm leading-relaxed\">Usually 15\u201330 seconds for the song and photos to generate. You’ll see results appear in real-time on your screen.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"230\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"3\">\n <button data-id=\"231\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"232\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can I hear the song out loud?<\/span>\n <span data-id=\"233\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"234\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"235\" class=\"faq-answer\">\n <p data-id=\"236\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! Hit the “Hear the Song” button and the AI will read your custom lyrics aloud with expressive text-to-speech technology.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"237\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"4\">\n <button data-id=\"238\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"239\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Do I need an account?<\/span>\n <span data-id=\"240\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"241\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"242\" class=\"faq-answer\">\n <p data-id=\"243\" class=\"text-text-secondary text-sm leading-relaxed\">No account needed. Just pay, generate your song and photos, and enjoy. It’s that simple.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"244\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"5\">\n <button data-id=\"245\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"246\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What music genres are available?<\/span>\n <span data-id=\"247\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"248\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"249\" class=\"faq-answer\">\n <p data-id=\"250\" class=\"text-text-secondary text-sm leading-relaxed\">Country, Hip-Hop, Rock, Gospel, R&B\/Soul, Pop, Metal, and Jazz\/Blues. We’re always adding more styles based on user feedback.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"251\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"6\">\n <button data-id=\"252\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"253\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can dealerships get a bulk plan?<\/span>\n <span data-id=\"254\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"255\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"256\" class=\"faq-answer\">\n <p data-id=\"257\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! The Dealer Monthly plan gives you unlimited song generations for $79\/month. Perfect for creating unique content for every vehicle on your lot.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"258\" id=\"try\" class=\"py-20 md:py-28 bg-bg relative overflow-hidden\">\n <div data-id=\"259\" class=\"absolute inset-0 border-t border-b border-accent\/10\"><\/div>\n <div data-id=\"260\" class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(0,191,255,0.03) 0%, rgba(255,215,0,0.03) 100%);\"><\/div>\n <div data-id=\"261\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 text-center relative z-10 fade-section\">\n <h2 data-id=\"262\" id=\"cta-final-title-x2y7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl mb-4 glow-text\">\n Your Car Deserves Its Own Song.\n <\/h2>\n <p data-id=\"263\" id=\"cta-final-sub-z3a8\" class=\"text-text-secondary text-base md:text-lg mb-10 max-w-xl mx-auto\">\n Join thousands of car lovers who’ve already generated their custom car song.\n <\/p>\n <a data-id=\"264\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-final-btn-b4c1\" class=\"btn-gold px-10 py-4 rounded-full text-lg inline-flex items-center gap-2\">\n <span data-id=\"265\">\ud83c\udfb5<\/span> Generate My Car Song \u2014 $2.99\n <\/a>\n <p data-id=\"266\" class=\"text-text-muted text-xs mt-6\">No subscription required \u00b7 Instant delivery \u00b7 100% satisfaction<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"267\" id=\"footer-d5e2\" class=\"bg-bg-footer border-t border-white\/5 py-12\">\n <div data-id=\"268\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8\">\n <div data-id=\"269\" class=\"flex flex-col md:flex-row items-center justify-between gap-6 mb-8\">\n <div data-id=\"270\" class=\"font-display font-bold text-xl tracking-wider\">\n <span data-id=\"271\" class=\"text-primary\">Car<\/span><span data-id=\"272\" class=\"text-accent\">Song<\/span><span data-id=\"273\" class=\"text-text-primary\"> Generator<\/span>\n <\/div>\n <div data-id=\"274\" class=\"flex flex-wrap items-center justify-center gap-6 text-sm text-text-secondary\">\n <a data-id=\"275\" href=\"#hero\" class=\"hover:text-primary transition-colors\">Home<\/a>\n <a data-id=\"276\" href=\"#how-it-works\" class=\"hover:text-primary transition-colors\">How It Works<\/a>\n <a data-id=\"277\" href=\"#pricing\" class=\"hover:text-primary transition-colors\">Pricing<\/a>\n <a data-id=\"278\" href=\"#faq\" class=\"hover:text-primary transition-colors\">FAQ<\/a>\n <a data-id=\"279\" href=\"https:\/\/www.paypal.com\/ncp\/payment\/EPR7G97P8EMDU\" target=\"_blank\" class=\"hover:text-primary transition-colors\">Contact<\/a>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"border-t border-white\/5 pt-6 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-text-muted\">\n <p data-id=\"281\">Powered by AI \u2022 Made for Car People \u2022 \u00a9 2026 Car Song Generator<\/p>\n <div data-id=\"282\" class=\"flex items-center gap-2\">\n <i data-id=\"283\" data-lucide=\"lock\" class=\"w-3 h-3 text-accent\"><\/i>\n <span data-id=\"284\">Secure payments by PayPal<\/span>\n <\/div>\n <\/div>\n <p data-id=\"285\" class=\"text-center text-text-muted text-xs mt-6\">Made by Copilot<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Guard Lucide initialization\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ --- Mobile Menu ---\n var mobileMenuBtn = document.getElementById('mobile-menu-btn-a3k1');\n var mobileMenu = document.getElementById('mobile-menu-d8r4');\n var mobileMenuClose = document.getElementById('mobile-menu-close-j2m5');\n\n if (mobileMenuBtn && mobileMenu && mobileMenuClose) {\n mobileMenuBtn.addEventListener('click', function () {\n mobileMenu.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n });\n\n mobileMenuClose.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n\n \/\/ Close on link click\n document.querySelectorAll('.mobile-nav-link').forEach(function (link) {\n link.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n });\n }\n\n \/\/ --- FAQ Accordion ---\n document.querySelectorAll('.faq-toggle').forEach(function (toggle) {\n toggle.addEventListener('click', function () {\n var item = this.closest('.faq-item');\n var answer = item.querySelector('.faq-answer');\n var isOpen = item.classList.contains('open');\n\n \/\/ Close all others\n document.querySelectorAll('.faq-item').forEach(function (otherItem) {\n otherItem.classList.remove('open');\n otherItem.querySelector('.faq-answer').classList.remove('open');\n otherItem.querySelector('.faq-toggle').setAttribute('aria-expanded', 'false');\n });\n\n \/\/ Toggle current\n if (!isOpen) {\n item.classList.add('open');\n answer.classList.add('open');\n this.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ --- Navbar background on scroll ---\n var navbar = document.getElementById('navbar-x9f2');\n if (navbar) {\n window.addEventListener('scroll', function () {\n if (window.scrollY > 50) {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.08)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.95)';\n } else {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.03)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.8)';\n }\n });\n }\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - CAR SONG GENERATOR<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hutchisoncinema.com\/csg\/home\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - CAR SONG GENERATOR\" \/>\n<meta property=\"og:description\" content=\"Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hutchisoncinema.com\/csg\/home\/\" \/>\n<meta property=\"og:site_name\" content=\"CAR SONG GENERATOR\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T16:21:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\",\"name\":\"Home - CAR SONG GENERATOR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#website\"},\"datePublished\":\"2026-06-10T15:55:11+00:00\",\"dateModified\":\"2026-06-10T16:21:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#website\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\",\"name\":\"CAR SONG GENERATOR\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#organization\",\"name\":\"CAR SONG GENERATOR\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hutchisoncinema.com\\\/csg\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-logo.png?fit=1015%2C623&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/hutchisoncinema.com\\\/csg\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-logo.png?fit=1015%2C623&ssl=1\",\"width\":1015,\"height\":623,\"caption\":\"CAR SONG GENERATOR\"},\"image\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - CAR SONG GENERATOR","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hutchisoncinema.com\/csg\/home\/","og_locale":"en_US","og_type":"article","og_title":"Home - CAR SONG GENERATOR","og_description":"Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]","og_url":"https:\/\/hutchisoncinema.com\/csg\/home\/","og_site_name":"CAR SONG GENERATOR","article_modified_time":"2026-06-10T16:21:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hutchisoncinema.com\/csg\/home\/","url":"https:\/\/hutchisoncinema.com\/csg\/home\/","name":"Home - CAR SONG GENERATOR","isPartOf":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#website"},"datePublished":"2026-06-10T15:55:11+00:00","dateModified":"2026-06-10T16:21:52+00:00","breadcrumb":{"@id":"https:\/\/hutchisoncinema.com\/csg\/home\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hutchisoncinema.com\/csg\/home\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hutchisoncinema.com\/csg\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hutchisoncinema.com\/csg\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/hutchisoncinema.com\/csg\/#website","url":"https:\/\/hutchisoncinema.com\/csg\/","name":"CAR SONG GENERATOR","description":"","publisher":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hutchisoncinema.com\/csg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hutchisoncinema.com\/csg\/#organization","name":"CAR SONG GENERATOR","url":"https:\/\/hutchisoncinema.com\/csg\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hutchisoncinema.com\/csg\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/hutchisoncinema.com\/csg\/wp-content\/uploads\/2026\/06\/cropped-logo.png?fit=1015%2C623&ssl=1","contentUrl":"https:\/\/i0.wp.com\/hutchisoncinema.com\/csg\/wp-content\/uploads\/2026\/06\/cropped-logo.png?fit=1015%2C623&ssl=1","width":1015,"height":623,"caption":"CAR SONG GENERATOR"},"image":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":2,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":84,"date":"2026-06-10T15:55:11","date_gmt":"2026-06-10T15:55:11","guid":{"rendered":"https:\/\/hutchisoncinema.com\/csg\/?page_id=84"},"modified":"2026-06-10T16:21:52","modified_gmt":"2026-06-10T16:21:52","slug":"home","status":"publish","type":"page","link":"https:\/\/hutchisoncinema.com\/csg\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n \n \n \n \n Car Song Generator – Landing Page<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#00BFFF',\n 'primary-dark': '#009ACD',\n 'primary-light': '#33CCFF',\n accent: '#FFD700',\n 'accent-dark': '#CCB000',\n 'accent-light': '#FFE44D',\n bg: '#0a0a0a',\n 'bg-alt': '#111111',\n 'bg-card': '#1a1a1a',\n 'bg-footer': '#050505',\n 'text-primary': '#F0F0F0',\n 'text-secondary': '#A0A0A0',\n 'text-muted': '#666666',\n },\n fontFamily: {\n display: ['Orbitron', 'sans-serif'],\n body: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --primary: #00BFFF;\n --primary-dark: #009ACD;\n --accent: #FFD700;\n --accent-dark: #CCB000;\n --bg: #0a0a0a;\n --bg-alt: #111111;\n --bg-card: #1a1a1a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html {\n scroll-behavior: smooth;\n background: var(--bg);\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: #F0F0F0;\n background: var(--bg);\n overflow-x: hidden;\n }\n\n \/* Hero grid background *\/\n .hero-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(0,191,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,191,255,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n }\n\n \/* Radial glow behind hero *\/\n .hero-glow {\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 900px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(0,191,255,0.10) 0%, rgba(255,215,0,0.05) 40%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-glow-2 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,215,0,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Animated headline glow *\/\n @keyframes textGlow {\n 0%, 100% {\n text-shadow:\n 0 0 20px rgba(0,191,255,0.3),\n 0 0 40px rgba(0,191,255,0.15),\n 0 0 80px rgba(0,191,255,0.05);\n }\n 50% {\n text-shadow:\n 0 0 30px rgba(0,191,255,0.5),\n 0 0 60px rgba(0,191,255,0.25),\n 0 0 100px rgba(0,191,255,0.1),\n 0 0 140px rgba(255,215,0,0.05);\n }\n }\n\n .glow-text {\n animation: textGlow 4s ease-in-out infinite;\n }\n\n \/* Floating particles *\/\n @keyframes float-up {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-20vh) scale(1); opacity: 0; }\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--primary);\n border-radius: 50%;\n opacity: 0;\n }\n\n .particle:nth-child(odd) { background: var(--accent); }\n\n .particle-1 { left: 10%; animation: float-up 8s linear infinite; animation-delay: 0s; }\n .particle-2 { left: 25%; animation: float-up 10s linear infinite; animation-delay: 2s; }\n .particle-3 { left: 40%; animation: float-up 7s linear infinite; animation-delay: 1s; }\n .particle-4 { left: 55%; animation: float-up 9s linear infinite; animation-delay: 3s; }\n .particle-5 { left: 70%; animation: float-up 11s linear infinite; animation-delay: 0.5s; }\n .particle-6 { left: 85%; animation: float-up 8s linear infinite; animation-delay: 4s; }\n .particle-7 { left: 15%; animation: float-up 12s linear infinite; animation-delay: 5s; width: 2px; height: 2px; }\n .particle-8 { left: 60%; animation: float-up 9s linear infinite; animation-delay: 6s; width: 2px; height: 2px; }\n .particle-9 { left: 90%; animation: float-up 10s linear infinite; animation-delay: 1.5s; }\n .particle-10 { left: 45%; animation: float-up 8s linear infinite; animation-delay: 7s; width: 4px; height: 4px; }\n\n \/* Section \u2014 always visible by default *\/\n .fade-section {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Gold underline *\/\n .gold-underline {\n display: inline-block;\n position: relative;\n }\n .gold-underline::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n border-radius: 2px;\n }\n\n \/* Card hover glow *\/\n .card-glow {\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n }\n .card-glow:hover {\n box-shadow: 0 0 25px rgba(0,191,255,0.15), 0 0 50px rgba(0,191,255,0.05);\n border-color: rgba(0,191,255,0.5);\n transform: translateY(-4px);\n }\n\n \/* Pricing popular *\/\n .pricing-popular {\n border-color: var(--accent) !important;\n box-shadow: 0 0 30px rgba(255,215,0,0.1), 0 0 60px rgba(255,215,0,0.05);\n }\n\n \/* FAQ accordion *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;\n padding: 0 24px;\n }\n .faq-answer.open {\n max-height: 200px;\n padding: 0 24px 20px;\n }\n\n .faq-icon {\n transition: transform 0.3s ease;\n }\n .faq-item.open .faq-icon {\n transform: rotate(45deg);\n }\n\n \/* CTA gradient *\/\n .btn-gold {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n color: #000;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-gold:hover {\n background: linear-gradient(135deg, #FFE44D, #FFB733);\n box-shadow: 0 0 25px rgba(255,215,0,0.3);\n transform: translateY(-2px);\n }\n\n .btn-blue-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n .btn-blue-outline:hover {\n background: rgba(0,191,255,0.1);\n box-shadow: 0 0 20px rgba(0,191,255,0.2);\n transform: translateY(-2px);\n }\n\n .btn-blue {\n background: linear-gradient(135deg, #00BFFF, #0099CC);\n color: #fff;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-blue:hover {\n background: linear-gradient(135deg, #33CCFF, #00AADD);\n box-shadow: 0 0 25px rgba(0,191,255,0.3);\n transform: translateY(-2px);\n }\n\n \/* Car silhouette *\/\n .car-silhouette {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n height: 120px;\n background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(0,191,255,0.06) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0a; }\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #555; }\n\n \/* Nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.3s ease;\n }\n .nav-link:hover { color: var(--primary); }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n \/* Photo placeholders *\/\n .photo-placeholder {\n background: linear-gradient(135deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);\n border: 1px solid #333;\n transition: border-color 0.3s ease;\n }\n .photo-placeholder:hover {\n border-color: rgba(0,191,255,0.3);\n }\n <\/style>\n <\/head>\n <body data-id=\"0\" class=\"bg-bg\">\n <app-icon data-id=\"1\" hidden data-icon=\"music\" data-palette=\"Dark\"><\/app-icon>\n\n \n <nav data-id=\"2\" id=\"navbar-x9f2\" class=\"fixed top-0 left-0 right-0 z-50 bg-bg\/80 backdrop-blur-md border-b border-white\/5\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto px-4 md:px-6 lg:px-8 flex items-center justify-between h-16\">\n <a data-id=\"4\" href=\"#hero\" class=\"font-display font-bold text-lg md:text-xl tracking-wider\">\n <span data-id=\"5\" class=\"text-primary\">Car<\/span><span data-id=\"6\" class=\"text-accent\">Song<\/span><span data-id=\"7\" class=\"text-text-primary\"> Gen<\/span>\n <\/a>\n <div data-id=\"8\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"9\" href=\"#how-it-works\" class=\"nav-link text-sm text-text-secondary\">How It Works<\/a>\n <a data-id=\"10\" href=\"#features\" class=\"nav-link text-sm text-text-secondary\">Features<\/a>\n <a data-id=\"11\" href=\"#pricing\" class=\"nav-link text-sm text-text-secondary\">Pricing<\/a>\n <a data-id=\"12\" href=\"#who\" class=\"nav-link text-sm text-text-secondary\">Who It’s For<\/a>\n <a data-id=\"13\" href=\"#faq\" class=\"nav-link text-sm text-text-secondary\">FAQ<\/a>\n <a data-id=\"14\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"nav-link text-sm text-text-secondary\">My Account<\/a>\n <a data-id=\"15\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-5 py-2 rounded-full text-sm\">Try It Now<\/a>\n <\/div>\n <button data-id=\"16\" id=\"mobile-menu-btn-a3k1\" class=\"md:hidden p-2 text-text-primary\" aria-label=\"Open menu\">\n <i data-id=\"17\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <nav data-id=\"18\" id=\"mobile-menu-d8r4\" class=\"hidden fixed inset-0 bg-bg\/95 backdrop-blur-lg z-[60] flex flex-col p-6\">\n <div data-id=\"19\" class=\"flex justify-between items-center mb-10\">\n <span data-id=\"20\" class=\"font-display font-bold text-lg\">\n <span data-id=\"21\" class=\"text-primary\">Car<\/span><span data-id=\"22\" class=\"text-accent\">Song<\/span><span data-id=\"23\" class=\"text-text-primary\"> Gen<\/span>\n <\/span>\n <button data-id=\"24\" id=\"mobile-menu-close-j2m5\" class=\"p-2 text-text-primary\" aria-label=\"Close menu\">\n <i data-id=\"25\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"26\" class=\"flex flex-col gap-6 text-lg\">\n <a data-id=\"27\" href=\"#how-it-works\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">How It Works<\/a>\n <a data-id=\"28\" href=\"#features\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Features<\/a>\n <a data-id=\"29\" href=\"#pricing\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Pricing<\/a>\n <a data-id=\"30\" href=\"#who\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Who It’s For<\/a>\n <a data-id=\"31\" href=\"#faq\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">FAQ<\/a>\n <a data-id=\"32\" href=\"https\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">My Account<\/a>\n <a data-id=\"33\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-base mt-4 mobile-nav-link\">Try It Now<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"34\">\n \n <section data-id=\"35\" id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden bg-bg\">\n <div data-id=\"36\" class=\"hero-grid\"><\/div>\n <div data-id=\"37\" class=\"hero-glow\"><\/div>\n <div data-id=\"38\" class=\"hero-glow-2\"><\/div>\n <div data-id=\"39\" class=\"car-silhouette\"><\/div>\n\n \n <div data-id=\"40\" class=\"particle particle-1\"><\/div>\n <div data-id=\"41\" class=\"particle particle-2\"><\/div>\n <div data-id=\"42\" class=\"particle particle-3\"><\/div>\n <div data-id=\"43\" class=\"particle particle-4\"><\/div>\n <div data-id=\"44\" class=\"particle particle-5\"><\/div>\n <div data-id=\"45\" class=\"particle particle-6\"><\/div>\n <div data-id=\"46\" class=\"particle particle-7\"><\/div>\n <div data-id=\"47\" class=\"particle particle-8\"><\/div>\n <div data-id=\"48\" class=\"particle particle-9\"><\/div>\n <div data-id=\"49\" class=\"particle particle-10\"><\/div>\n\n <div data-id=\"50\" class=\"relative z-10 text-center px-4 md:px-6 max-w-4xl mx-auto\">\n <h1 data-id=\"51\" id=\"hero-headline-k4m2\" class=\"font-display font-black text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl leading-tight tracking-tight glow-text mb-6\">\n Your Car. Your Song.<br data-id=\"52\" class=\"hidden sm:block\" \/> Your Story.\n <\/h1>\n <p data-id=\"53\" id=\"hero-sub-p9q3\" class=\"text-text-secondary text-base sm:text-lg md:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\n Enter any car’s Year, Make & Model \u2014 get a custom AI-written song in your chosen music style, plus 4 stunning AI-generated photos. Instantly.\n <\/p>\n <div data-id=\"54\" class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-8\">\n <a data-id=\"55\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-try-h7n1\" class=\"btn-gold px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"56\">\ud83c\udfb5<\/span> Try It Now \u2014 $2.99\n <\/a>\n <a data-id=\"57\" href=\"#how-it-works\" id=\"cta-demo-r5t8\" class=\"btn-blue-outline px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"58\">\ud83c\udfac<\/span> Watch the Demo\n <\/a>\n <\/div>\n <p data-id=\"59\" id=\"hero-trust-w3x6\" class=\"text-text-muted text-xs sm:text-sm\">\n \u2705 Instant delivery | \u2705 No account needed | \u2705 Powered by AI\n <\/p>\n <\/div>\n <\/section>\n\n \n <section data-id=\"60\" id=\"how-it-works\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"61\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"62\" id=\"hiw-title-m2v7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"63\" class=\"gold-underline\">How It Works<\/span>\n <\/h2>\n <div data-id=\"64\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div data-id=\"65\" id=\"hiw-card1-b4c9\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"66\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83d\ude97\n <\/div>\n <div data-id=\"67\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 1<\/div>\n <h3 data-id=\"68\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Enter Your Car<\/h3>\n <p data-id=\"69\" class=\"text-text-secondary text-sm leading-relaxed\">Type in the Year, Make & Model of any car \u2014 past, present, or dream ride.<\/p>\n <\/div>\n \n <div data-id=\"70\" id=\"hiw-card2-g7h3\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"71\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb8\n <\/div>\n <div data-id=\"72\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 2<\/div>\n <h3 data-id=\"73\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Pick Your Genre<\/h3>\n <p data-id=\"74\" class=\"text-text-secondary text-sm leading-relaxed\">Choose from Country, Hip-Hop, Rock, Gospel, R&B, Pop, Metal, or Jazz.<\/p>\n <\/div>\n \n <div data-id=\"75\" id=\"hiw-card3-k1n6\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"76\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb5\n <\/div>\n <div data-id=\"77\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 3<\/div>\n <h3 data-id=\"78\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Get Your Song + Photos<\/h3>\n <p data-id=\"79\" class=\"text-text-secondary text-sm leading-relaxed\">AI writes a custom song and generates 4 pro-quality photos \u2014 delivered in seconds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"80\" id=\"features\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"81\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"82\" id=\"feat-title-d5f2\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"83\" class=\"gold-underline\">Everything You Get For $2.99<\/span>\n <\/h2>\n <div data-id=\"84\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start\">\n \n <div data-id=\"85\" id=\"feat-list-s8u4\" class=\"space-y-5\">\n <div data-id=\"86\" class=\"flex items-start gap-3\">\n <span data-id=\"87\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"88\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"89\" class=\"text-text-primary\"><strong data-id=\"90\">1 Original AI-Written Song<\/strong> <span data-id=\"91\" class=\"text-text-secondary\">\u2014 2 verses + chorus, custom to your car<\/span><\/p>\n <\/div>\n <div data-id=\"92\" class=\"flex items-start gap-3\">\n <span data-id=\"93\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"94\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"95\" class=\"text-text-primary\"><strong data-id=\"96\">4 AI-Generated Car Photos<\/strong> <span data-id=\"97\" class=\"text-text-secondary\">\u2014 Front, Side, Rear, Interior<\/span><\/p>\n <\/div>\n <div data-id=\"98\" class=\"flex items-start gap-3\">\n <span data-id=\"99\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"100\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"101\" class=\"text-text-primary\"><strong data-id=\"102\">8 Music Genre Options<\/strong> <span data-id=\"103\" class=\"text-text-secondary\">\u2014 Country, Rock, Hip-Hop, Gospel, R&B, Pop, Metal, Jazz<\/span><\/p>\n <\/div>\n <div data-id=\"104\" class=\"flex items-start gap-3\">\n <span data-id=\"105\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"106\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"107\" class=\"text-text-primary\"><strong data-id=\"108\">Text-to-Speech Playback<\/strong> <span data-id=\"109\" class=\"text-text-secondary\">\u2014 Hit “Hear the Song” and listen to it read aloud<\/span><\/p>\n <\/div>\n <div data-id=\"110\" class=\"flex items-start gap-3\">\n <span data-id=\"111\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"112\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"113\" class=\"text-text-primary\"><strong data-id=\"114\">Printable\/Shareable Song Card<\/strong> <span data-id=\"115\" class=\"text-text-secondary\">\u2014 Save it, share it, frame it<\/span><\/p>\n <\/div>\n <div data-id=\"116\" class=\"flex items-start gap-3\">\n <span data-id=\"117\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"118\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"119\" class=\"text-text-primary\"><strong data-id=\"120\">Works for ANY Car<\/strong> <span data-id=\"121\" class=\"text-text-secondary\">\u2014 Classic, modern, exotic, or daily driver<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"122\" id=\"feat-preview-v3w9\" class=\"bg-bg-card border border-white\/10 rounded-2xl overflow-hidden\">\n <div data-id=\"123\" class=\"bg-gradient-to-r from-primary\/20 to-accent\/20 px-6 py-4 border-b border-white\/5\">\n <h3 data-id=\"124\" class=\"font-display font-bold text-base md:text-lg flex items-center gap-2\">\n \ud83d\ude97 <span data-id=\"125\">1969 Ford Mustang<\/span> <span data-id=\"126\" class=\"text-primary\">\u2014 Rock Edition<\/span>\n <\/h3>\n <\/div>\n <div data-id=\"127\" class=\"p-6\">\n \n <div data-id=\"128\" class=\"mb-6 space-y-4 text-sm leading-relaxed\">\n <div data-id=\"129\">\n <p data-id=\"130\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 1<\/p>\n <p data-id=\"131\" class=\"text-text-primary italic\">Chrome and steel under Texas sun,<br data-id=\"132\"\/>Three-fifty-one, yeah she’s second to none,<br data-id=\"133\"\/>Midnight black with a rumble low,<br data-id=\"134\"\/>Hit the highway, let the whole world know.<\/p>\n <\/div>\n <div data-id=\"135\">\n <p data-id=\"136\" class=\"text-accent text-xs uppercase tracking-widest mb-2 font-display\">Chorus<\/p>\n <p data-id=\"137\" class=\"text-accent font-semibold italic\">Mustang runnin’, hear that engine sing,<br data-id=\"138\"\/>She’s the queen of every road, the freedom that she brings,<br data-id=\"139\"\/>Sixty-nine and forever wild,<br data-id=\"140\"\/>Born to ride, pedal down, mile after mile!<\/p>\n <\/div>\n <div data-id=\"141\">\n <p data-id=\"142\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 2<\/p>\n <p data-id=\"143\" class=\"text-text-primary italic\">Garage light flickerin’ on the hood,<br data-id=\"144\"\/>Every scratch tells a story good,<br data-id=\"145\"\/>Handed down from my old man’s hands,<br data-id=\"146\"\/>Ain’t no car like this in all the land.<\/p>\n <\/div>\n <\/div>\n \n <p data-id=\"147\" class=\"text-text-muted text-xs uppercase tracking-widest mb-3 font-display\">AI-Generated Photos<\/p>\n <div data-id=\"148\" class=\"grid grid-cols-2 gap-3\">\n <div data-id=\"149\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"150\" class=\"text-2xl mb-1\">\ud83c\udfce\ufe0f<\/span>\n <span data-id=\"151\" class=\"text-text-muted text-xs\">Front View<\/span>\n <\/div>\n <div data-id=\"152\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"153\" class=\"text-2xl mb-1\">\ud83d\ude97<\/span>\n <span data-id=\"154\" class=\"text-text-muted text-xs\">Side Profile<\/span>\n <\/div>\n <div data-id=\"155\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"156\" class=\"text-2xl mb-1\">\ud83d\udd19<\/span>\n <span data-id=\"157\" class=\"text-text-muted text-xs\">Rear View<\/span>\n <\/div>\n <div data-id=\"158\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"159\" class=\"text-2xl mb-1\">\ud83e\ude91<\/span>\n <span data-id=\"160\" class=\"text-text-muted text-xs\">Interior<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"161\" id=\"pricing\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"162\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"163\" id=\"price-title-e6g1\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"164\" class=\"gold-underline\">Simple, Honest Pricing<\/span>\n <\/h2>\n <div data-id=\"165\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div data-id=\"166\" id=\"price-single-c2d8\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"167\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Single Song<\/h3>\n <div data-id=\"168\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"169\" class=\"font-display font-black text-3xl text-primary\">$2.99<\/span>\n <\/div>\n <p data-id=\"170\" class=\"text-text-secondary text-sm mb-6 flex-grow\">1 custom song + 4 AI photos for your car.<\/p>\n <a data-id=\"171\" href=\"https:\/\/https:\/\/hutchisoncinema.com\/csg\/\/csg\/\/csg\/\/csg\/\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"172\" id=\"price-5pack-f3h9\" class=\"pricing-popular bg-bg-card border-2 border-accent rounded-2xl p-6 flex flex-col relative\">\n <div data-id=\"173\" class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-accent text-black text-xs font-bold px-4 py-1 rounded-full font-display tracking-wider\">MOST POPULAR<\/div>\n <h3 data-id=\"174\" class=\"font-display font-bold text-lg mb-1 text-text-primary mt-2\">5-Song Pack<\/h3>\n <div data-id=\"175\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"176\" class=\"font-display font-black text-3xl text-accent\">$9.99<\/span>\n <\/div>\n <p data-id=\"177\" class=\"text-accent text-xs font-semibold mb-3\">Save 33%<\/p>\n <p data-id=\"178\" class=\"text-text-secondary text-sm mb-6 flex-grow\">5 custom songs + 20 AI photos. Best value for enthusiasts.<\/p>\n <a data-id=\"179\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/5-song-pack\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"180\" id=\"price-10pack-i4j6\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"181\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">10-Song Pack<\/h3>\n <div data-id=\"182\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"183\" class=\"font-display font-black text-3xl text-primary\">$17.99<\/span>\n <\/div>\n <p data-id=\"184\" class=\"text-primary text-xs font-semibold mb-3\">Save 40%<\/p>\n <p data-id=\"185\" class=\"text-text-secondary text-sm mb-6 flex-grow\">10 custom songs + 40 AI photos. Perfect for collections.<\/p>\n <a data-id=\"186\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/10-song-pack\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"187\" id=\"price-dealer-l5m7\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"188\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Dealer Monthly<\/h3>\n <div data-id=\"189\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"190\" class=\"font-display font-black text-3xl text-primary\">$79<\/span>\n <span data-id=\"191\" class=\"text-text-muted text-sm\">\/mo<\/span>\n <\/div>\n <p data-id=\"192\" class=\"text-text-secondary text-sm mb-6 flex-grow\">Unlimited songs for your entire lot. Cancel anytime.<\/p>\n <a data-id=\"193\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/dealer-monthly-plan\" target=\"_blank\" class=\"btn-blue-outline px-6 py-3 rounded-full text-center text-sm w-full block\">Get Started<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"194\" id=\"who\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"195\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"196\" id=\"who-title-n6o3\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"197\" class=\"gold-underline\">Built For Car People<\/span>\n <\/h2>\n <div data-id=\"198\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div data-id=\"199\" id=\"who-card1-p7q8\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"200\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfc6\n <\/div>\n <h3 data-id=\"201\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Show Enthusiasts<\/h3>\n <p data-id=\"202\" class=\"text-text-secondary text-sm leading-relaxed\">Get a hype song for your show car. Print the lyrics and display them next to your build.<\/p>\n <\/div>\n <div data-id=\"203\" id=\"who-card2-r8s1\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"204\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfe2\n <\/div>\n <h3 data-id=\"205\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Auto Dealerships<\/h3>\n <p data-id=\"206\" class=\"text-text-secondary text-sm leading-relaxed\">Generate a custom song for every car on your lot. Post to social media and stand out from every other dealer.<\/p>\n <\/div>\n <div data-id=\"207\" id=\"who-card3-t9u2\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"208\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \u2764\ufe0f\n <\/div>\n <h3 data-id=\"209\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Lovers & Collectors<\/h3>\n <p data-id=\"210\" class=\"text-text-secondary text-sm leading-relaxed\">That car you love deserves its own song. A perfect gift for any car owner \u2014 birthdays, holidays, or just because.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"211\" id=\"faq\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"212\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"213\" id=\"faq-title-v1w5\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"214\" class=\"gold-underline\">Frequently Asked Questions<\/span>\n <\/h2>\n <div data-id=\"215\" class=\"space-y-3\">\n \n <div data-id=\"216\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"1\">\n <button data-id=\"217\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"218\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What cars does this work for?<\/span>\n <span data-id=\"219\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"220\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"221\" class=\"faq-answer\">\n <p data-id=\"222\" class=\"text-text-secondary text-sm leading-relaxed\">Any car, any year, any make and model worldwide. From a 1957 Chevy Bel Air to a 2026 Tesla Model S \u2014 if it has wheels and an engine (or a motor), we can write a song about it.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"223\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"2\">\n <button data-id=\"224\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"225\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">How long does it take?<\/span>\n <span data-id=\"226\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"227\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"228\" class=\"faq-answer\">\n <p data-id=\"229\" class=\"text-text-secondary text-sm leading-relaxed\">Usually 15\u201330 seconds for the song and photos to generate. You’ll see results appear in real-time on your screen.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"230\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"3\">\n <button data-id=\"231\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"232\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can I hear the song out loud?<\/span>\n <span data-id=\"233\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"234\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"235\" class=\"faq-answer\">\n <p data-id=\"236\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! Hit the “Hear the Song” button and the AI will read your custom lyrics aloud with expressive text-to-speech technology.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"237\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"4\">\n <button data-id=\"238\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"239\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Do I need an account?<\/span>\n <span data-id=\"240\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"241\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"242\" class=\"faq-answer\">\n <p data-id=\"243\" class=\"text-text-secondary text-sm leading-relaxed\">No account needed. Just pay, generate your song and photos, and enjoy. It’s that simple.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"244\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"5\">\n <button data-id=\"245\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"246\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What music genres are available?<\/span>\n <span data-id=\"247\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"248\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"249\" class=\"faq-answer\">\n <p data-id=\"250\" class=\"text-text-secondary text-sm leading-relaxed\">Country, Hip-Hop, Rock, Gospel, R&B\/Soul, Pop, Metal, and Jazz\/Blues. We’re always adding more styles based on user feedback.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"251\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"6\">\n <button data-id=\"252\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"253\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can dealerships get a bulk plan?<\/span>\n <span data-id=\"254\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"255\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"256\" class=\"faq-answer\">\n <p data-id=\"257\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! The Dealer Monthly plan gives you unlimited song generations for $79\/month. Perfect for creating unique content for every vehicle on your lot.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"258\" id=\"try\" class=\"py-20 md:py-28 bg-bg relative overflow-hidden\">\n <div data-id=\"259\" class=\"absolute inset-0 border-t border-b border-accent\/10\"><\/div>\n <div data-id=\"260\" class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(0,191,255,0.03) 0%, rgba(255,215,0,0.03) 100%);\"><\/div>\n <div data-id=\"261\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 text-center relative z-10 fade-section\">\n <h2 data-id=\"262\" id=\"cta-final-title-x2y7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl mb-4 glow-text\">\n Your Car Deserves Its Own Song.\n <\/h2>\n <p data-id=\"263\" id=\"cta-final-sub-z3a8\" class=\"text-text-secondary text-base md:text-lg mb-10 max-w-xl mx-auto\">\n Join thousands of car lovers who’ve already generated their custom car song.\n <\/p>\n <a data-id=\"264\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-final-btn-b4c1\" class=\"btn-gold px-10 py-4 rounded-full text-lg inline-flex items-center gap-2\">\n <span data-id=\"265\">\ud83c\udfb5<\/span> Generate My Car Song \u2014 $2.99\n <\/a>\n <p data-id=\"266\" class=\"text-text-muted text-xs mt-6\">No subscription required \u00b7 Instant delivery \u00b7 100% satisfaction<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"267\" id=\"footer-d5e2\" class=\"bg-bg-footer border-t border-white\/5 py-12\">\n <div data-id=\"268\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8\">\n <div data-id=\"269\" class=\"flex flex-col md:flex-row items-center justify-between gap-6 mb-8\">\n <div data-id=\"270\" class=\"font-display font-bold text-xl tracking-wider\">\n <span data-id=\"271\" class=\"text-primary\">Car<\/span><span data-id=\"272\" class=\"text-accent\">Song<\/span><span data-id=\"273\" class=\"text-text-primary\"> Generator<\/span>\n <\/div>\n <div data-id=\"274\" class=\"flex flex-wrap items-center justify-center gap-6 text-sm text-text-secondary\">\n <a data-id=\"275\" href=\"#hero\" class=\"hover:text-primary transition-colors\">Home<\/a>\n <a data-id=\"276\" href=\"#how-it-works\" class=\"hover:text-primary transition-colors\">How It Works<\/a>\n <a data-id=\"277\" href=\"#pricing\" class=\"hover:text-primary transition-colors\">Pricing<\/a>\n <a data-id=\"278\" href=\"#faq\" class=\"hover:text-primary transition-colors\">FAQ<\/a>\n <a data-id=\"279\" href=\"https:\/\/www.paypal.com\/ncp\/payment\/EPR7G97P8EMDU\" target=\"_blank\" class=\"hover:text-primary transition-colors\">Contact<\/a>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"border-t border-white\/5 pt-6 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-text-muted\">\n <p data-id=\"281\">Powered by AI \u2022 Made for Car People \u2022 \u00a9 2026 Car Song Generator<\/p>\n <div data-id=\"282\" class=\"flex items-center gap-2\">\n <i data-id=\"283\" data-lucide=\"lock\" class=\"w-3 h-3 text-accent\"><\/i>\n <span data-id=\"284\">Secure payments by PayPal<\/span>\n <\/div>\n <\/div>\n <p data-id=\"285\" class=\"text-center text-text-muted text-xs mt-6\">Made by Copilot<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Guard Lucide initialization\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ --- Mobile Menu ---\n var mobileMenuBtn = document.getElementById('mobile-menu-btn-a3k1');\n var mobileMenu = document.getElementById('mobile-menu-d8r4');\n var mobileMenuClose = document.getElementById('mobile-menu-close-j2m5');\n\n if (mobileMenuBtn && mobileMenu && mobileMenuClose) {\n mobileMenuBtn.addEventListener('click', function () {\n mobileMenu.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n });\n\n mobileMenuClose.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n\n \/\/ Close on link click\n document.querySelectorAll('.mobile-nav-link').forEach(function (link) {\n link.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n });\n }\n\n \/\/ --- FAQ Accordion ---\n document.querySelectorAll('.faq-toggle').forEach(function (toggle) {\n toggle.addEventListener('click', function () {\n var item = this.closest('.faq-item');\n var answer = item.querySelector('.faq-answer');\n var isOpen = item.classList.contains('open');\n\n \/\/ Close all others\n document.querySelectorAll('.faq-item').forEach(function (otherItem) {\n otherItem.classList.remove('open');\n otherItem.querySelector('.faq-answer').classList.remove('open');\n otherItem.querySelector('.faq-toggle').setAttribute('aria-expanded', 'false');\n });\n\n \/\/ Toggle current\n if (!isOpen) {\n item.classList.add('open');\n answer.classList.add('open');\n this.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ --- Navbar background on scroll ---\n var navbar = document.getElementById('navbar-x9f2');\n if (navbar) {\n window.addEventListener('scroll', function () {\n if (window.scrollY > 50) {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.08)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.95)';\n } else {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.03)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.8)';\n }\n });\n }\n <\/script>\n <\/body>\n<\/html>\n\n\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"color-scheme\" content=\"dark\">\n <title>Car Song Generator – Landing Page<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#00BFFF',\n 'primary-dark': '#009ACD',\n 'primary-light': '#33CCFF',\n accent: '#FFD700',\n 'accent-dark': '#CCB000',\n 'accent-light': '#FFE44D',\n bg: '#0a0a0a',\n 'bg-alt': '#111111',\n 'bg-card': '#1a1a1a',\n 'bg-footer': '#050505',\n 'text-primary': '#F0F0F0',\n 'text-secondary': '#A0A0A0',\n 'text-muted': '#666666',\n },\n fontFamily: {\n display: ['Orbitron', 'sans-serif'],\n body: ['Inter', 'sans-serif'],\n },\n },\n },\n };\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\" defer=\"\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #00BFFF;\n --primary-dark: #009ACD;\n --accent: #FFD700;\n --accent-dark: #CCB000;\n --bg: #0a0a0a;\n --bg-alt: #111111;\n --bg-card: #1a1a1a;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n html {\n scroll-behavior: smooth;\n background: var(--bg);\n }\n\n body {\n font-family: 'Inter', sans-serif;\n color: #F0F0F0;\n background: var(--bg);\n overflow-x: hidden;\n }\n\n \/* Hero grid background *\/\n .hero-grid {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(0,191,255,0.04) 1px, transparent 1px),\n linear-gradient(90deg, rgba(0,191,255,0.04) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);\n }\n\n \/* Radial glow behind hero *\/\n .hero-glow {\n position: absolute;\n top: 30%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 900px;\n height: 600px;\n background: radial-gradient(ellipse, rgba(0,191,255,0.10) 0%, rgba(255,215,0,0.05) 40%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-glow-2 {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,215,0,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Animated headline glow *\/\n @keyframes textGlow {\n 0%, 100% {\n text-shadow:\n 0 0 20px rgba(0,191,255,0.3),\n 0 0 40px rgba(0,191,255,0.15),\n 0 0 80px rgba(0,191,255,0.05);\n }\n 50% {\n text-shadow:\n 0 0 30px rgba(0,191,255,0.5),\n 0 0 60px rgba(0,191,255,0.25),\n 0 0 100px rgba(0,191,255,0.1),\n 0 0 140px rgba(255,215,0,0.05);\n }\n }\n\n .glow-text {\n animation: textGlow 4s ease-in-out infinite;\n }\n\n \/* Floating particles *\/\n @keyframes float-up {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-20vh) scale(1); opacity: 0; }\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: var(--primary);\n border-radius: 50%;\n opacity: 0;\n }\n\n .particle:nth-child(odd) { background: var(--accent); }\n\n .particle-1 { left: 10%; animation: float-up 8s linear infinite; animation-delay: 0s; }\n .particle-2 { left: 25%; animation: float-up 10s linear infinite; animation-delay: 2s; }\n .particle-3 { left: 40%; animation: float-up 7s linear infinite; animation-delay: 1s; }\n .particle-4 { left: 55%; animation: float-up 9s linear infinite; animation-delay: 3s; }\n .particle-5 { left: 70%; animation: float-up 11s linear infinite; animation-delay: 0.5s; }\n .particle-6 { left: 85%; animation: float-up 8s linear infinite; animation-delay: 4s; }\n .particle-7 { left: 15%; animation: float-up 12s linear infinite; animation-delay: 5s; width: 2px; height: 2px; }\n .particle-8 { left: 60%; animation: float-up 9s linear infinite; animation-delay: 6s; width: 2px; height: 2px; }\n .particle-9 { left: 90%; animation: float-up 10s linear infinite; animation-delay: 1.5s; }\n .particle-10 { left: 45%; animation: float-up 8s linear infinite; animation-delay: 7s; width: 4px; height: 4px; }\n\n \/* Section \u2014 always visible by default *\/\n .fade-section {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n \/* Gold underline *\/\n .gold-underline {\n display: inline-block;\n position: relative;\n }\n .gold-underline::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--accent), transparent);\n border-radius: 2px;\n }\n\n \/* Card hover glow *\/\n .card-glow {\n transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n }\n .card-glow:hover {\n box-shadow: 0 0 25px rgba(0,191,255,0.15), 0 0 50px rgba(0,191,255,0.05);\n border-color: rgba(0,191,255,0.5);\n transform: translateY(-4px);\n }\n\n \/* Pricing popular *\/\n .pricing-popular {\n border-color: var(--accent) !important;\n box-shadow: 0 0 30px rgba(255,215,0,0.1), 0 0 60px rgba(255,215,0,0.05);\n }\n\n \/* FAQ accordion *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease;\n padding: 0 24px;\n }\n .faq-answer.open {\n max-height: 200px;\n padding: 0 24px 20px;\n }\n\n .faq-icon {\n transition: transform 0.3s ease;\n }\n .faq-item.open .faq-icon {\n transform: rotate(45deg);\n }\n\n \/* CTA gradient *\/\n .btn-gold {\n background: linear-gradient(135deg, #FFD700, #FFA500);\n color: #000;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-gold:hover {\n background: linear-gradient(135deg, #FFE44D, #FFB733);\n box-shadow: 0 0 25px rgba(255,215,0,0.3);\n transform: translateY(-2px);\n }\n\n .btn-blue-outline {\n border: 2px solid var(--primary);\n color: var(--primary);\n background: transparent;\n font-weight: 600;\n transition: all 0.3s ease;\n }\n .btn-blue-outline:hover {\n background: rgba(0,191,255,0.1);\n box-shadow: 0 0 20px rgba(0,191,255,0.2);\n transform: translateY(-2px);\n }\n\n .btn-blue {\n background: linear-gradient(135deg, #00BFFF, #0099CC);\n color: #fff;\n font-weight: 700;\n transition: all 0.3s ease;\n }\n .btn-blue:hover {\n background: linear-gradient(135deg, #33CCFF, #00AADD);\n box-shadow: 0 0 25px rgba(0,191,255,0.3);\n transform: translateY(-2px);\n }\n\n \/* Car silhouette *\/\n .car-silhouette {\n position: absolute;\n bottom: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n height: 120px;\n background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(0,191,255,0.06) 0%, transparent 70%);\n pointer-events: none;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0a; }\n ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #555; }\n\n \/* Nav link *\/\n .nav-link {\n position: relative;\n transition: color 0.3s ease;\n }\n .nav-link:hover { color: var(--primary); }\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n \/* Photo placeholders *\/\n .photo-placeholder {\n background: linear-gradient(135deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);\n border: 1px solid #333;\n transition: border-color 0.3s ease;\n }\n .photo-placeholder:hover {\n border-color: rgba(0,191,255,0.3);\n }\n <\/style>\n \n \n <app-icon data-id=\"1\" hidden=\"\" data-icon=\"music\" data-palette=\"Dark\"><\/app-icon>\n\n \n <nav data-id=\"2\" id=\"navbar-x9f2\" class=\"fixed top-0 left-0 right-0 z-50 bg-bg\/80 backdrop-blur-md border-b border-white\/5\">\n <div data-id=\"3\" class=\"max-w-7xl mx-auto px-4 md:px-6 lg:px-8 flex items-center justify-between h-16\">\n <a data-id=\"4\" href=\"#hero\" class=\"font-display font-bold text-lg md:text-xl tracking-wider\">\n <span data-id=\"5\" class=\"text-primary\">Car<\/span><span data-id=\"6\" class=\"text-accent\">Song<\/span><span data-id=\"7\" class=\"text-text-primary\"> Gen<\/span>\n <\/a>\n <div data-id=\"8\" class=\"hidden md:flex items-center gap-8\">\n <a data-id=\"9\" href=\"#how-it-works\" class=\"nav-link text-sm text-text-secondary\">How It Works<\/a>\n <a data-id=\"10\" href=\"#features\" class=\"nav-link text-sm text-text-secondary\">Features<\/a>\n <a data-id=\"11\" href=\"#pricing\" class=\"nav-link text-sm text-text-secondary\">Pricing<\/a>\n <a data-id=\"12\" href=\"#who\" class=\"nav-link text-sm text-text-secondary\">Who It’s For<\/a>\n <a data-id=\"13\" href=\"#faq\" class=\"nav-link text-sm text-text-secondary\">FAQ<\/a>\n <a data-id=\"14\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"nav-link text-sm text-text-secondary\">My Account<\/a>\n <a data-id=\"15\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-5 py-2 rounded-full text-sm\">Try It Now<\/a>\n <\/div>\n <button data-id=\"16\" id=\"mobile-menu-btn-a3k1\" class=\"md:hidden p-2 text-text-primary\" aria-label=\"Open menu\">\n <i data-id=\"17\" data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n \n <nav data-id=\"18\" id=\"mobile-menu-d8r4\" class=\"hidden fixed inset-0 bg-bg\/95 backdrop-blur-lg z-[60] flex flex-col p-6\">\n <div data-id=\"19\" class=\"flex justify-between items-center mb-10\">\n <span data-id=\"20\" class=\"font-display font-bold text-lg\">\n <span data-id=\"21\" class=\"text-primary\">Car<\/span><span data-id=\"22\" class=\"text-accent\">Song<\/span><span data-id=\"23\" class=\"text-text-primary\"> Gen<\/span>\n <\/span>\n <button data-id=\"24\" id=\"mobile-menu-close-j2m5\" class=\"p-2 text-text-primary\" aria-label=\"Close menu\">\n <i data-id=\"25\" data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <\/div>\n <div data-id=\"26\" class=\"flex flex-col gap-6 text-lg\">\n <a data-id=\"27\" href=\"#how-it-works\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">How It Works<\/a>\n <a data-id=\"28\" href=\"#features\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Features<\/a>\n <a data-id=\"29\" href=\"#pricing\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Pricing<\/a>\n <a data-id=\"30\" href=\"#who\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">Who It’s For<\/a>\n <a data-id=\"31\" href=\"#faq\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">FAQ<\/a>\n <a data-id=\"32\" href=\"https\/\/hutchisoncinema.com\/csg\/store\/my-account\" class=\"text-text-secondary hover:text-primary transition-colors mobile-nav-link\">My Account<\/a>\n <a data-id=\"33\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-base mt-4 mobile-nav-link\">Try It Now<\/a>\n <\/div>\n <\/nav>\n\n <main data-id=\"34\">\n \n <section data-id=\"35\" id=\"hero\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden bg-bg\">\n <div data-id=\"36\" class=\"hero-grid\"><\/div>\n <div data-id=\"37\" class=\"hero-glow\"><\/div>\n <div data-id=\"38\" class=\"hero-glow-2\"><\/div>\n <div data-id=\"39\" class=\"car-silhouette\"><\/div>\n\n \n <div data-id=\"40\" class=\"particle particle-1\"><\/div>\n <div data-id=\"41\" class=\"particle particle-2\"><\/div>\n <div data-id=\"42\" class=\"particle particle-3\"><\/div>\n <div data-id=\"43\" class=\"particle particle-4\"><\/div>\n <div data-id=\"44\" class=\"particle particle-5\"><\/div>\n <div data-id=\"45\" class=\"particle particle-6\"><\/div>\n <div data-id=\"46\" class=\"particle particle-7\"><\/div>\n <div data-id=\"47\" class=\"particle particle-8\"><\/div>\n <div data-id=\"48\" class=\"particle particle-9\"><\/div>\n <div data-id=\"49\" class=\"particle particle-10\"><\/div>\n\n <div data-id=\"50\" class=\"relative z-10 text-center px-4 md:px-6 max-w-4xl mx-auto\">\n <h1 data-id=\"51\" id=\"hero-headline-k4m2\" class=\"font-display font-black text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl leading-tight tracking-tight glow-text mb-6\">\n Your Car. Your Song.<br data-id=\"52\" class=\"hidden sm:block\"> Your Story.\n <\/h1>\n <p data-id=\"53\" id=\"hero-sub-p9q3\" class=\"text-text-secondary text-base sm:text-lg md:text-xl max-w-2xl mx-auto mb-10 leading-relaxed\">\n Enter any car’s Year, Make & Model \u2014 get a custom AI-written song in your chosen music style, plus 4 stunning AI-generated photos. Instantly.\n <\/p>\n <div data-id=\"54\" class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-8\">\n <a data-id=\"55\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-try-h7n1\" class=\"btn-gold px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"56\">\ud83c\udfb5<\/span> Try It Now \u2014 $2.99\n <\/a>\n <a data-id=\"57\" href=\"#how-it-works\" id=\"cta-demo-r5t8\" class=\"btn-blue-outline px-8 py-4 rounded-full text-base sm:text-lg min-w-[220px] text-center inline-flex items-center justify-center gap-2\">\n <span data-id=\"58\">\ud83c\udfac<\/span> Watch the Demo\n <\/a>\n <\/div>\n <p data-id=\"59\" id=\"hero-trust-w3x6\" class=\"text-text-muted text-xs sm:text-sm\">\n \u2705 Instant delivery | \u2705 No account needed | \u2705 Powered by AI\n <\/p>\n <\/div>\n <\/section>\n\n \n <section data-id=\"60\" id=\"how-it-works\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"61\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"62\" id=\"hiw-title-m2v7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"63\" class=\"gold-underline\">How It Works<\/span>\n <\/h2>\n <div data-id=\"64\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n \n <div data-id=\"65\" id=\"hiw-card1-b4c9\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"66\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83d\ude97\n <\/div>\n <div data-id=\"67\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 1<\/div>\n <h3 data-id=\"68\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Enter Your Car<\/h3>\n <p data-id=\"69\" class=\"text-text-secondary text-sm leading-relaxed\">Type in the Year, Make & Model of any car \u2014 past, present, or dream ride.<\/p>\n <\/div>\n \n <div data-id=\"70\" id=\"hiw-card2-g7h3\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"71\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb8\n <\/div>\n <div data-id=\"72\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 2<\/div>\n <h3 data-id=\"73\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Pick Your Genre<\/h3>\n <p data-id=\"74\" class=\"text-text-secondary text-sm leading-relaxed\">Choose from Country, Hip-Hop, Rock, Gospel, R&B, Pop, Metal, or Jazz.<\/p>\n <\/div>\n \n <div data-id=\"75\" id=\"hiw-card3-k1n6\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"76\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfb5\n <\/div>\n <div data-id=\"77\" class=\"text-primary font-display text-xs tracking-widest mb-3 uppercase\">Step 3<\/div>\n <h3 data-id=\"78\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Get Your Song + Photos<\/h3>\n <p data-id=\"79\" class=\"text-text-secondary text-sm leading-relaxed\">AI writes a custom song and generates 4 pro-quality photos \u2014 delivered in seconds.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"80\" id=\"features\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"81\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"82\" id=\"feat-title-d5f2\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"83\" class=\"gold-underline\">Everything You Get For $2.99<\/span>\n <\/h2>\n <div data-id=\"84\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start\">\n \n <div data-id=\"85\" id=\"feat-list-s8u4\" class=\"space-y-5\">\n <div data-id=\"86\" class=\"flex items-start gap-3\">\n <span data-id=\"87\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"88\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"89\" class=\"text-text-primary\"><strong data-id=\"90\">1 Original AI-Written Song<\/strong> <span data-id=\"91\" class=\"text-text-secondary\">\u2014 2 verses + chorus, custom to your car<\/span><\/p>\n <\/div>\n <div data-id=\"92\" class=\"flex items-start gap-3\">\n <span data-id=\"93\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"94\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"95\" class=\"text-text-primary\"><strong data-id=\"96\">4 AI-Generated Car Photos<\/strong> <span data-id=\"97\" class=\"text-text-secondary\">\u2014 Front, Side, Rear, Interior<\/span><\/p>\n <\/div>\n <div data-id=\"98\" class=\"flex items-start gap-3\">\n <span data-id=\"99\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"100\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"101\" class=\"text-text-primary\"><strong data-id=\"102\">8 Music Genre Options<\/strong> <span data-id=\"103\" class=\"text-text-secondary\">\u2014 Country, Rock, Hip-Hop, Gospel, R&B, Pop, Metal, Jazz<\/span><\/p>\n <\/div>\n <div data-id=\"104\" class=\"flex items-start gap-3\">\n <span data-id=\"105\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"106\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"107\" class=\"text-text-primary\"><strong data-id=\"108\">Text-to-Speech Playback<\/strong> <span data-id=\"109\" class=\"text-text-secondary\">\u2014 Hit “Hear the Song” and listen to it read aloud<\/span><\/p>\n <\/div>\n <div data-id=\"110\" class=\"flex items-start gap-3\">\n <span data-id=\"111\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"112\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"113\" class=\"text-text-primary\"><strong data-id=\"114\">Printable\/Shareable Song Card<\/strong> <span data-id=\"115\" class=\"text-text-secondary\">\u2014 Save it, share it, frame it<\/span><\/p>\n <\/div>\n <div data-id=\"116\" class=\"flex items-start gap-3\">\n <span data-id=\"117\" class=\"text-accent text-lg mt-0.5 flex-shrink-0\"><i data-id=\"118\" data-lucide=\"check-circle\" class=\"w-5 h-5 text-accent\"><\/i><\/span>\n <p data-id=\"119\" class=\"text-text-primary\"><strong data-id=\"120\">Works for ANY Car<\/strong> <span data-id=\"121\" class=\"text-text-secondary\">\u2014 Classic, modern, exotic, or daily driver<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div data-id=\"122\" id=\"feat-preview-v3w9\" class=\"bg-bg-card border border-white\/10 rounded-2xl overflow-hidden\">\n <div data-id=\"123\" class=\"bg-gradient-to-r from-primary\/20 to-accent\/20 px-6 py-4 border-b border-white\/5\">\n <h3 data-id=\"124\" class=\"font-display font-bold text-base md:text-lg flex items-center gap-2\">\n \ud83d\ude97 <span data-id=\"125\">1969 Ford Mustang<\/span> <span data-id=\"126\" class=\"text-primary\">\u2014 Rock Edition<\/span>\n <\/h3>\n <\/div>\n <div data-id=\"127\" class=\"p-6\">\n \n <div data-id=\"128\" class=\"mb-6 space-y-4 text-sm leading-relaxed\">\n <div data-id=\"129\">\n <p data-id=\"130\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 1<\/p>\n <p data-id=\"131\" class=\"text-text-primary italic\">Chrome and steel under Texas sun,<br data-id=\"132\">Three-fifty-one, yeah she’s second to none,<br data-id=\"133\">Midnight black with a rumble low,<br data-id=\"134\">Hit the highway, let the whole world know.<\/p>\n <\/div>\n <div data-id=\"135\">\n <p data-id=\"136\" class=\"text-accent text-xs uppercase tracking-widest mb-2 font-display\">Chorus<\/p>\n <p data-id=\"137\" class=\"text-accent font-semibold italic\">Mustang runnin’, hear that engine sing,<br data-id=\"138\">She’s the queen of every road, the freedom that she brings,<br data-id=\"139\">Sixty-nine and forever wild,<br data-id=\"140\">Born to ride, pedal down, mile after mile!<\/p>\n <\/div>\n <div data-id=\"141\">\n <p data-id=\"142\" class=\"text-text-muted text-xs uppercase tracking-widest mb-2 font-display\">Verse 2<\/p>\n <p data-id=\"143\" class=\"text-text-primary italic\">Garage light flickerin’ on the hood,<br data-id=\"144\">Every scratch tells a story good,<br data-id=\"145\">Handed down from my old man’s hands,<br data-id=\"146\">Ain’t no car like this in all the land.<\/p>\n <\/div>\n <\/div>\n \n <p data-id=\"147\" class=\"text-text-muted text-xs uppercase tracking-widest mb-3 font-display\">AI-Generated Photos<\/p>\n <div data-id=\"148\" class=\"grid grid-cols-2 gap-3\">\n <div data-id=\"149\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"150\" class=\"text-2xl mb-1\">\ud83c\udfce\ufe0f<\/span>\n <span data-id=\"151\" class=\"text-text-muted text-xs\">Front View<\/span>\n <\/div>\n <div data-id=\"152\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"153\" class=\"text-2xl mb-1\">\ud83d\ude97<\/span>\n <span data-id=\"154\" class=\"text-text-muted text-xs\">Side Profile<\/span>\n <\/div>\n <div data-id=\"155\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"156\" class=\"text-2xl mb-1\">\ud83d\udd19<\/span>\n <span data-id=\"157\" class=\"text-text-muted text-xs\">Rear View<\/span>\n <\/div>\n <div data-id=\"158\" class=\"photo-placeholder rounded-xl aspect-video flex flex-col items-center justify-center\">\n <span data-id=\"159\" class=\"text-2xl mb-1\">\ud83e\ude91<\/span>\n <span data-id=\"160\" class=\"text-text-muted text-xs\">Interior<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"161\" id=\"pricing\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"162\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"163\" id=\"price-title-e6g1\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"164\" class=\"gold-underline\">Simple, Honest Pricing<\/span>\n <\/h2>\n <div data-id=\"165\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div data-id=\"166\" id=\"price-single-c2d8\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"167\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Single Song<\/h3>\n <div data-id=\"168\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"169\" class=\"font-display font-black text-3xl text-primary\">$2.99<\/span>\n <\/div>\n <p data-id=\"170\" class=\"text-text-secondary text-sm mb-6 flex-grow\">1 custom song + 4 AI photos for your car.<\/p>\n <a data-id=\"171\" href=\"https:\/\/https:\/\/hutchisoncinema.com\/csg\/\/csg\/\/csg\/\/csg\/\/store\/product\/single-car-song\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"172\" id=\"price-5pack-f3h9\" class=\"pricing-popular bg-bg-card border-2 border-accent rounded-2xl p-6 flex flex-col relative\">\n <div data-id=\"173\" class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-accent text-black text-xs font-bold px-4 py-1 rounded-full font-display tracking-wider\">MOST POPULAR<\/div>\n <h3 data-id=\"174\" class=\"font-display font-bold text-lg mb-1 text-text-primary mt-2\">5-Song Pack<\/h3>\n <div data-id=\"175\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"176\" class=\"font-display font-black text-3xl text-accent\">$9.99<\/span>\n <\/div>\n <p data-id=\"177\" class=\"text-accent text-xs font-semibold mb-3\">Save 33%<\/p>\n <p data-id=\"178\" class=\"text-text-secondary text-sm mb-6 flex-grow\">5 custom songs + 20 AI photos. Best value for enthusiasts.<\/p>\n <a data-id=\"179\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/5-song-pack\" target=\"_blank\" class=\"btn-gold px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"180\" id=\"price-10pack-i4j6\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"181\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">10-Song Pack<\/h3>\n <div data-id=\"182\" class=\"flex items-baseline gap-1 mb-1\">\n <span data-id=\"183\" class=\"font-display font-black text-3xl text-primary\">$17.99<\/span>\n <\/div>\n <p data-id=\"184\" class=\"text-primary text-xs font-semibold mb-3\">Save 40%<\/p>\n <p data-id=\"185\" class=\"text-text-secondary text-sm mb-6 flex-grow\">10 custom songs + 40 AI photos. Perfect for collections.<\/p>\n <a data-id=\"186\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/10-song-pack\" target=\"_blank\" class=\"btn-blue px-6 py-3 rounded-full text-center text-sm w-full block\">Buy Now<\/a>\n <\/div>\n \n <div data-id=\"187\" id=\"price-dealer-l5m7\" class=\"card-glow bg-bg-card border border-primary\/20 rounded-2xl p-6 flex flex-col\">\n <h3 data-id=\"188\" class=\"font-display font-bold text-lg mb-1 text-text-primary\">Dealer Monthly<\/h3>\n <div data-id=\"189\" class=\"flex items-baseline gap-1 mb-3\">\n <span data-id=\"190\" class=\"font-display font-black text-3xl text-primary\">$79<\/span>\n <span data-id=\"191\" class=\"text-text-muted text-sm\">\/mo<\/span>\n <\/div>\n <p data-id=\"192\" class=\"text-text-secondary text-sm mb-6 flex-grow\">Unlimited songs for your entire lot. Cancel anytime.<\/p>\n <a data-id=\"193\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/dealer-monthly-plan\" target=\"_blank\" class=\"btn-blue-outline px-6 py-3 rounded-full text-center text-sm w-full block\">Get Started<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"194\" id=\"who\" class=\"py-20 md:py-28 bg-bg\">\n <div data-id=\"195\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"196\" id=\"who-title-n6o3\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"197\" class=\"gold-underline\">Built For Car People<\/span>\n <\/h2>\n <div data-id=\"198\" class=\"grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8\">\n <div data-id=\"199\" id=\"who-card1-p7q8\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"200\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfc6\n <\/div>\n <h3 data-id=\"201\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Show Enthusiasts<\/h3>\n <p data-id=\"202\" class=\"text-text-secondary text-sm leading-relaxed\">Get a hype song for your show car. Print the lyrics and display them next to your build.<\/p>\n <\/div>\n <div data-id=\"203\" id=\"who-card2-r8s1\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"204\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \ud83c\udfe2\n <\/div>\n <h3 data-id=\"205\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Auto Dealerships<\/h3>\n <p data-id=\"206\" class=\"text-text-secondary text-sm leading-relaxed\">Generate a custom song for every car on your lot. Post to social media and stand out from every other dealer.<\/p>\n <\/div>\n <div data-id=\"207\" id=\"who-card3-t9u2\" class=\"card-glow bg-bg-card border border-white\/5 rounded-2xl p-8 text-center\">\n <div data-id=\"208\" class=\"w-16 h-16 mx-auto mb-6 rounded-full bg-accent\/10 flex items-center justify-center text-3xl\">\n \u2764\ufe0f\n <\/div>\n <h3 data-id=\"209\" class=\"font-display font-bold text-lg mb-3 text-text-primary\">Car Lovers & Collectors<\/h3>\n <p data-id=\"210\" class=\"text-text-secondary text-sm leading-relaxed\">That car you love deserves its own song. A perfect gift for any car owner \u2014 birthdays, holidays, or just because.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"211\" id=\"faq\" class=\"py-20 md:py-28 bg-bg-alt\">\n <div data-id=\"212\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 fade-section\">\n <h2 data-id=\"213\" id=\"faq-title-v1w5\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl text-center mb-16\">\n <span data-id=\"214\" class=\"gold-underline\">Frequently Asked Questions<\/span>\n <\/h2>\n <div data-id=\"215\" class=\"space-y-3\">\n \n <div data-id=\"216\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"1\">\n <button data-id=\"217\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"218\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What cars does this work for?<\/span>\n <span data-id=\"219\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"220\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"221\" class=\"faq-answer\">\n <p data-id=\"222\" class=\"text-text-secondary text-sm leading-relaxed\">Any car, any year, any make and model worldwide. From a 1957 Chevy Bel Air to a 2026 Tesla Model S \u2014 if it has wheels and an engine (or a motor), we can write a song about it.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"223\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"2\">\n <button data-id=\"224\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"225\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">How long does it take?<\/span>\n <span data-id=\"226\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"227\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"228\" class=\"faq-answer\">\n <p data-id=\"229\" class=\"text-text-secondary text-sm leading-relaxed\">Usually 15\u201330 seconds for the song and photos to generate. You’ll see results appear in real-time on your screen.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"230\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"3\">\n <button data-id=\"231\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"232\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can I hear the song out loud?<\/span>\n <span data-id=\"233\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"234\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"235\" class=\"faq-answer\">\n <p data-id=\"236\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! Hit the “Hear the Song” button and the AI will read your custom lyrics aloud with expressive text-to-speech technology.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"237\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"4\">\n <button data-id=\"238\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"239\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Do I need an account?<\/span>\n <span data-id=\"240\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"241\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"242\" class=\"faq-answer\">\n <p data-id=\"243\" class=\"text-text-secondary text-sm leading-relaxed\">No account needed. Just pay, generate your song and photos, and enjoy. It’s that simple.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"244\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"5\">\n <button data-id=\"245\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"246\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">What music genres are available?<\/span>\n <span data-id=\"247\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"248\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"249\" class=\"faq-answer\">\n <p data-id=\"250\" class=\"text-text-secondary text-sm leading-relaxed\">Country, Hip-Hop, Rock, Gospel, R&B\/Soul, Pop, Metal, and Jazz\/Blues. We’re always adding more styles based on user feedback.<\/p>\n <\/div>\n <\/div>\n \n <div data-id=\"251\" class=\"faq-item bg-bg-card border border-white\/5 rounded-xl overflow-hidden\" data-faq=\"6\">\n <button data-id=\"252\" class=\"faq-toggle w-full flex items-center justify-between px-6 py-5 text-left min-h-[56px]\" aria-expanded=\"false\">\n <span data-id=\"253\" class=\"text-text-primary font-medium text-sm md:text-base pr-4\">Can dealerships get a bulk plan?<\/span>\n <span data-id=\"254\" class=\"faq-icon text-accent flex-shrink-0\"><i data-id=\"255\" data-lucide=\"plus\" class=\"w-5 h-5\"><\/i><\/span>\n <\/button>\n <div data-id=\"256\" class=\"faq-answer\">\n <p data-id=\"257\" class=\"text-text-secondary text-sm leading-relaxed\">Yes! The Dealer Monthly plan gives you unlimited song generations for $79\/month. Perfect for creating unique content for every vehicle on your lot.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section data-id=\"258\" id=\"try\" class=\"py-20 md:py-28 bg-bg relative overflow-hidden\">\n <div data-id=\"259\" class=\"absolute inset-0 border-t border-b border-accent\/10\"><\/div>\n <div data-id=\"260\" class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(0,191,255,0.03) 0%, rgba(255,215,0,0.03) 100%);\"><\/div>\n <div data-id=\"261\" class=\"max-w-3xl mx-auto px-4 md:px-6 lg:px-8 text-center relative z-10 fade-section\">\n <h2 data-id=\"262\" id=\"cta-final-title-x2y7\" class=\"font-display font-bold text-2xl md:text-3xl lg:text-4xl mb-4 glow-text\">\n Your Car Deserves Its Own Song.\n <\/h2>\n <p data-id=\"263\" id=\"cta-final-sub-z3a8\" class=\"text-text-secondary text-base md:text-lg mb-10 max-w-xl mx-auto\">\n Join thousands of car lovers who’ve already generated their custom car song.\n <\/p>\n <a data-id=\"264\" href=\"https:\/\/hutchisoncinema.com\/csg\/store\/product\/single-car-song\" target=\"_blank\" id=\"cta-final-btn-b4c1\" class=\"btn-gold px-10 py-4 rounded-full text-lg inline-flex items-center gap-2\">\n <span data-id=\"265\">\ud83c\udfb5<\/span> Generate My Car Song \u2014 $2.99\n <\/a>\n <p data-id=\"266\" class=\"text-text-muted text-xs mt-6\">No subscription required \u00b7 Instant delivery \u00b7 100% satisfaction<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer data-id=\"267\" id=\"footer-d5e2\" class=\"bg-bg-footer border-t border-white\/5 py-12\">\n <div data-id=\"268\" class=\"max-w-6xl mx-auto px-4 md:px-6 lg:px-8\">\n <div data-id=\"269\" class=\"flex flex-col md:flex-row items-center justify-between gap-6 mb-8\">\n <div data-id=\"270\" class=\"font-display font-bold text-xl tracking-wider\">\n <span data-id=\"271\" class=\"text-primary\">Car<\/span><span data-id=\"272\" class=\"text-accent\">Song<\/span><span data-id=\"273\" class=\"text-text-primary\"> Generator<\/span>\n <\/div>\n <div data-id=\"274\" class=\"flex flex-wrap items-center justify-center gap-6 text-sm text-text-secondary\">\n <a data-id=\"275\" href=\"#hero\" class=\"hover:text-primary transition-colors\">Home<\/a>\n <a data-id=\"276\" href=\"#how-it-works\" class=\"hover:text-primary transition-colors\">How It Works<\/a>\n <a data-id=\"277\" href=\"#pricing\" class=\"hover:text-primary transition-colors\">Pricing<\/a>\n <a data-id=\"278\" href=\"#faq\" class=\"hover:text-primary transition-colors\">FAQ<\/a>\n <a data-id=\"279\" href=\"https:\/\/www.paypal.com\/ncp\/payment\/EPR7G97P8EMDU\" target=\"_blank\" class=\"hover:text-primary transition-colors\">Contact<\/a>\n <\/div>\n <\/div>\n <div data-id=\"280\" class=\"border-t border-white\/5 pt-6 flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-text-muted\">\n <p data-id=\"281\">Powered by AI \u2022 Made for Car People \u2022 \u00a9 2026 Car Song Generator<\/p>\n <div data-id=\"282\" class=\"flex items-center gap-2\">\n <i data-id=\"283\" data-lucide=\"lock\" class=\"w-3 h-3 text-accent\"><\/i>\n <span data-id=\"284\">Secure payments by PayPal<\/span>\n <\/div>\n <\/div>\n <p data-id=\"285\" class=\"text-center text-text-muted text-xs mt-6\">Made by Copilot<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Guard Lucide initialization\n if (typeof lucide !== \"undefined\" && typeof lucide.createIcons === \"function\") {\n lucide.createIcons();\n }\n\n \/\/ --- Mobile Menu ---\n var mobileMenuBtn = document.getElementById('mobile-menu-btn-a3k1');\n var mobileMenu = document.getElementById('mobile-menu-d8r4');\n var mobileMenuClose = document.getElementById('mobile-menu-close-j2m5');\n\n if (mobileMenuBtn && mobileMenu && mobileMenuClose) {\n mobileMenuBtn.addEventListener('click', function () {\n mobileMenu.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n });\n\n mobileMenuClose.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n\n \/\/ Close on link click\n document.querySelectorAll('.mobile-nav-link').forEach(function (link) {\n link.addEventListener('click', function () {\n mobileMenu.classList.add('hidden');\n document.body.style.overflow = '';\n });\n });\n }\n\n \/\/ --- FAQ Accordion ---\n document.querySelectorAll('.faq-toggle').forEach(function (toggle) {\n toggle.addEventListener('click', function () {\n var item = this.closest('.faq-item');\n var answer = item.querySelector('.faq-answer');\n var isOpen = item.classList.contains('open');\n\n \/\/ Close all others\n document.querySelectorAll('.faq-item').forEach(function (otherItem) {\n otherItem.classList.remove('open');\n otherItem.querySelector('.faq-answer').classList.remove('open');\n otherItem.querySelector('.faq-toggle').setAttribute('aria-expanded', 'false');\n });\n\n \/\/ Toggle current\n if (!isOpen) {\n item.classList.add('open');\n answer.classList.add('open');\n this.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ --- Navbar background on scroll ---\n var navbar = document.getElementById('navbar-x9f2');\n if (navbar) {\n window.addEventListener('scroll', function () {\n if (window.scrollY > 50) {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.08)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.95)';\n } else {\n navbar.style.borderBottomColor = 'rgba(255,255,255,0.03)';\n navbar.style.backgroundColor = 'rgba(10,10,10,0.8)';\n }\n });\n }\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":-1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - CAR SONG GENERATOR<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hutchisoncinema.com\/csg\/home\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - CAR SONG GENERATOR\" \/>\n<meta property=\"og:description\" content=\"Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hutchisoncinema.com\/csg\/home\/\" \/>\n<meta property=\"og:site_name\" content=\"CAR SONG GENERATOR\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T16:21:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\",\"name\":\"Home - CAR SONG GENERATOR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#website\"},\"datePublished\":\"2026-06-10T15:55:11+00:00\",\"dateModified\":\"2026-06-10T16:21:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/home\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#website\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\",\"name\":\"CAR SONG GENERATOR\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#organization\",\"name\":\"CAR SONG GENERATOR\",\"url\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hutchisoncinema.com\\\/csg\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-logo.png?fit=1015%2C623&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/hutchisoncinema.com\\\/csg\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-logo.png?fit=1015%2C623&ssl=1\",\"width\":1015,\"height\":623,\"caption\":\"CAR SONG GENERATOR\"},\"image\":{\"@id\":\"https:\\\/\\\/hutchisoncinema.com\\\/csg\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - CAR SONG GENERATOR","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hutchisoncinema.com\/csg\/home\/","og_locale":"en_US","og_type":"article","og_title":"Home - CAR SONG GENERATOR","og_description":"Car Song Generator – Landing Page CarSong Gen How It Works Features Pricing Who It’s For FAQ My Account Try […]","og_url":"https:\/\/hutchisoncinema.com\/csg\/home\/","og_site_name":"CAR SONG GENERATOR","article_modified_time":"2026-06-10T16:21:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hutchisoncinema.com\/csg\/home\/","url":"https:\/\/hutchisoncinema.com\/csg\/home\/","name":"Home - CAR SONG GENERATOR","isPartOf":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#website"},"datePublished":"2026-06-10T15:55:11+00:00","dateModified":"2026-06-10T16:21:52+00:00","breadcrumb":{"@id":"https:\/\/hutchisoncinema.com\/csg\/home\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hutchisoncinema.com\/csg\/home\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hutchisoncinema.com\/csg\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hutchisoncinema.com\/csg\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/hutchisoncinema.com\/csg\/#website","url":"https:\/\/hutchisoncinema.com\/csg\/","name":"CAR SONG GENERATOR","description":"","publisher":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hutchisoncinema.com\/csg\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hutchisoncinema.com\/csg\/#organization","name":"CAR SONG GENERATOR","url":"https:\/\/hutchisoncinema.com\/csg\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hutchisoncinema.com\/csg\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/hutchisoncinema.com\/csg\/wp-content\/uploads\/2026\/06\/cropped-logo.png?fit=1015%2C623&ssl=1","contentUrl":"https:\/\/i0.wp.com\/hutchisoncinema.com\/csg\/wp-content\/uploads\/2026\/06\/cropped-logo.png?fit=1015%2C623&ssl=1","width":1015,"height":623,"caption":"CAR SONG GENERATOR"},"image":{"@id":"https:\/\/hutchisoncinema.com\/csg\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":2,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/pages\/84\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/hutchisoncinema.com\/csg\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}