AZ Stereo \u2014 We're Upgrading<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --orange: #631314;\n --orange-light: rgba(255,77,0,0.08);\n --orange-border: rgba(255,77,0,0.20);\n --bg: #f7f6f3;\n --bg2: #ffffff;\n --bg3: #f0eeea;\n --line: #e8e5e0;\n --line2: #d8d4ce;\n --text: #1a1a18;\n --muted: #404040;\n --muted2: #6b6660;\n }\n\n html, body {\n min-height: 100vh;\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n overflow-x: hidden;\n }\n\n \/* Grid overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(255,77,0,0.025) 60px, rgba(255,77,0,0.025) 61px),\n repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,77,0,0.025) 60px, rgba(255,77,0,0.025) 61px);\n z-index: 0;\n }\n\n \/* Diagonal accent *\/\n body::after {\n content: '';\n position: fixed;\n top: 0; right: 0;\n width: 45%;\n height: 100%;\n background: rgba(255,77,0,0.03);\n clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n pointer-events: none;\n z-index: 0;\n }\n\n .page {\n position: relative;\n z-index: 1;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 TOP BAR \u2500\u2500 *\/\n .topbar {\n padding: 10px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--line);\n background-color: #ffffff;\n }\n\n .logo {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--orange);\n letter-spacing: 1px;\n text-decoration: none;\n }\n .logo img{\n height: 60px;\n }\n \n .topbar-contact {\n font-size: 16px;\n color: var(--muted2);\n letter-spacing: 0.3px;\n }\n \n .topbar-contact span {\n color: var(--orange);\n font-weight: 500;\n }\n .topbar-contact a{\n color: var(--orange);\n }\n \/* \u2500\u2500 MAIN \u2500\u2500 *\/\n .main {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n text-align: center;\n }\n\n .eyebrow {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--orange);\n background: var(--orange-dim);\n border: 1px solid var(--orange-border);\n padding: 5px 14px;\n border-radius: 3px;\n margin-bottom: 28px;\n display: inline-block;\n }\n\n .headline {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(52px, 8vw, 100px);\n font-weight: 800;\n line-height: 0.95;\n text-transform: uppercase;\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n .headline .accent { color: var(--orange); }\n\n .subline {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--muted2);\n line-height: 1.7;\n max-width: 480px;\n margin: 0 auto 52px;\n font-weight: 300;\n }\n\n \/* \u2500\u2500 COUNTDOWN \u2500\u2500 *\/\n .countdown {\n display: flex;\n align-items: flex-start;\n gap: 0;\n margin-bottom: 56px;\n }\n\n .cd-unit {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 100px;\n padding: 0 20px;\n position: relative;\n }\n\n .cd-unit:not(:last-child)::after {\n content: ':';\n position: absolute;\n right: -4px;\n top: 16px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 56px;\n font-weight: 800;\n color: var(--muted);\n line-height: 1;\n }\n\n .cd-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(56px, 9vw, 96px);\n font-weight: 800;\n color: var(--text);\n line-height: 1;\n letter-spacing: -2px;\n background: var(--bg2);\n border: 1px solid var(--line);\n border-top: 2px solid var(--orange);\n padding: 20px 24px 16px;\n border-radius: 6px;\n min-width: 110px;\n text-align: center;\n position: relative;\n transition: border-color 0.3s;\n }\n\n .cd-num.tick {\n border-top-color: #fff;\n }\n\n .cd-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--muted);\n margin-top: 10px;\n }\n\n \/* Progress bar *\/\n .progress-wrap {\n width: 100%;\n max-width: 480px;\n margin: 0 auto 52px;\n }\n\n .progress-meta {\n display: flex;\n justify-content: space-between;\n font-size: 16px;\n color: var(--muted2);\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 8px;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n }\n\n .progress-meta .pct { color: var(--orange); }\n\n .progress-track {\n width: 100%;\n height: 3px;\n background: var(--bg3);\n border-radius: 2px;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: var(--orange);\n border-radius: 2px;\n transition: width 1s ease;\n }\n\n \/* \u2500\u2500 NOTIFY FORM \u2500\u2500 *\/\n .notify-label {\n font-size: 13px;\n color: var(--muted2);\n margin-bottom: 12px;\n font-weight: 300;\n }\n\n .notify-form {\n display: flex;\n gap: 0;\n max-width: 420px;\n width: 100%;\n margin: 0 auto 40px;\n }\n\n .notify-input {\n flex: 1;\n background: var(--bg2);\n border: none !important; \n border-radius: 4px 0 0 4px;\n padding: 13px 18px;\n font-size: 14px;\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n outline: none;\n transition: border-color 0.2s;\n }\n\n .notify-input::placeholder { color: var(--muted); }\n .notify-input:focus { border-color: var(--orange-border); }\n\n .notify-btn {\n background: var(--orange);\n color: #fff;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 14px;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 13px 24px;\n border: none;\n border-radius: 0 4px 4px 0;\n cursor: pointer;\n white-space: nowrap;\n transition: background 0.2s, transform 0.1s;\n }\n\n .notify-btn:hover { background: #e04000; }\n .notify-btn:active { transform: scale(0.98); }\n\n .notify-success {\n display: none;\n font-size: 13px;\n color: #4caf50;\n margin-bottom: 40px;\n }\n\n .services-strip {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n justify-content: center;\n max-width: 680px;\n width: 100%;\n margin: 0 auto;\n }\n\n .svc-pill {\n padding: 8px 16px;\n background: var(--bg2);\n border: 1px solid var(--line);\n border-radius: 100px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--muted2);\n display: flex;\n align-items: center;\n gap: 6px;\n box-shadow: 0 1px 4px rgba(0,0,0,0.04);\n }\n\n .svc-dot {\n width: 5px;\n height: 5px;\n background: var(--orange);\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer {\n padding: 20px 48px;\n border-top: 1px solid var(--line);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 12px;\n background: #fff;\n }\n\n .footer-copy {\n font-size: 14px;\n color: var(--muted);\n }\n\n .footer-links {\n display: flex;\n gap: 20px;\n }\n\n .footer-link {\n font-size: 14px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .footer-link:hover { color: var(--orange); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 600px) {\n .topbar { padding: 18px 20px; }\n \/\/ .topbar-contact { display: none; }\n .topbar-contact-msg{\n display: none;\n }\n .main { padding: 40px 16px; }\n .logo img{\n height: 40px;\n }\n .countdown { gap: 0; }\n .cd-unit { padding: 0 10px; min-width: 70px; }\n .cd-num { font-size: 44px; min-width: 72px; padding: 14px 12px 10px; }\n .cd-unit:not(:last-child)::after { font-size: 36px; top: 12px; }\n\n .notify-form { flex-direction: column; }\n .notify-input { border-right: 1px solid var(--line); border-bottom: none; border-radius: 4px 4px 0 0; }\n .notify-btn { border-radius: 0 0 4px 4px; padding: 13px; }\n\n .services-strip { flex-wrap: wrap; }\n .svc-pill { min-width: 33%; border-bottom: 1px solid var(--line); }\n\n .footer { padding: 16px 20px; flex-direction: column; text-align: center; }\n }\n\n \/* Flicker animation on tick *\/\n @keyframes flicker {\n 0% { opacity: 1; }\n 50% { opacity: 0.7; }\n 100% { opacity: 1; }\n }\n .tick-anim { animation: flicker 0.15s ease; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n \n <header class=\"topbar\">\n <a class=\"logo\" href=\"#\"><img decoding=\"async\" src=\"http:\/\/azstereo.net\/wp-content\/uploads\/2026\/04\/logo-AZ-STEREO.webp\"><\/a>\n <div class=\"topbar-contact\">\n <span class=\"topbar-contact-msg\">\n Need service now?<\/span> Call: <span><a href=\"tel:+12813459900\">281-345-9900<\/a><\/span>\n <\/div>\n <\/header>\n\n \n <main class=\"main\">\n\n <div class=\"eyebrow\">Something Big Is Coming<\/div>\n\n <h1 class=\"headline\">\n WE'RE<br\/>\n <span class=\"accent\">UPGRADING<\/span><br\/>\n OUR SITE\n <\/h1>\n\n <p class=\"subline\">\n Houston's #1 auto customization shop is getting a brand-new look.\n Bigger, faster, and better \u2014 with a full online store. Back soon.\n <\/p>\n\n \n <div class=\"countdown\">\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-days\">14<\/div>\n <div class=\"cd-label\">Days<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-hours\">00<\/div>\n <div class=\"cd-label\">Hours<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-mins\">00<\/div>\n <div class=\"cd-label\">Minutes<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-secs\">00<\/div>\n <div class=\"cd-label\">Seconds<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-wrap\">\n <div class=\"progress-meta\">\n <span>Build Progress<\/span>\n <span class=\"pct\" id=\"progress-pct\">0%<\/span>\n <\/div>\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progress-fill\" style=\"width:0%\"><\/div>\n <\/div>\n <\/div>\n\n \n <p class=\"notify-label\">Get notified when we launch<\/p>\n <div class=\"notify-form\" id=\"notify-form\">\n <input class=\"notify-input\" type=\"email\" id=\"notify-email\" placeholder=\"your@email.com\"\/>\n <button class=\"notify-btn\" onclick=\"handleNotify()\">Notify Me<\/button>\n <\/div>\n <p class=\"notify-success\" id=\"notify-success\">You're on the list! We'll email you on launch day.<\/p>\n\n \n <div class=\"services-strip\">\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Car Stereo<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Window Tint<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Car Alarms<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Bike Mods<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Marine Audio<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>LED \/ HID<\/div>\n <\/div>\n\n <\/main>\n\n \n <footer class=\"footer\">\n <div class=\"footer-copy\">\u00a9 2026 AZ Stereo & Auto Repair \u2014 14013 FM 529 Rd, Houston TX 77041<\/div>\n <div class=\"footer-links\">\n <a class=\"footer-link\" href=\"mailto:info@azstereo.net\">info@azstereo.net<\/a>\n <a class=\"footer-link\" href=\"tel:+12813459900\">281-345-9900<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n<script>\n \/\/ \u2500\u2500 LAUNCH DATE: change this to your actual launch date \u2500\u2500\n const LAUNCH = new Date('2026-05-11T00:00:00');\n const START = new Date('2026-04-26T23:00:00'); \/\/ today (start of countdown)\n\n const totalMs = LAUNCH - START;\n\n function pad(n) { return String(Math.max(0, n)).padStart(2, '0'); }\n\n let prevSecs = null;\n\n function tick() {\n const now = new Date();\n const diff = LAUNCH - now;\n\n if (diff <= 0) {\n document.getElementById('cd-days').textContent = '00';\n document.getElementById('cd-hours').textContent = '00';\n document.getElementById('cd-mins').textContent = '00';\n document.getElementById('cd-secs').textContent = '00';\n document.getElementById('progress-fill').style.width = '100%';\n document.getElementById('progress-pct').textContent = '100%';\n return;\n }\n\n const days = Math.floor(diff \/ 86400000);\n const hours = Math.floor((diff % 86400000) \/ 3600000);\n const mins = Math.floor((diff % 3600000) \/ 60000);\n const secs = Math.floor((diff % 60000) \/ 1000);\n\n document.getElementById('cd-days').textContent = pad(days);\n document.getElementById('cd-hours').textContent = pad(hours);\n document.getElementById('cd-mins').textContent = pad(mins);\n\n const secsEl = document.getElementById('cd-secs');\n if (secs !== prevSecs) {\n secsEl.textContent = pad(secs);\n secsEl.classList.remove('tick-anim');\n void secsEl.offsetWidth;\n secsEl.classList.add('tick-anim');\n prevSecs = secs;\n }\n\n \/\/ Progress bar (% of time elapsed since START toward LAUNCH)\n const elapsed = now - START;\n const pct = Math.min(100, Math.max(0, Math.round((elapsed \/ totalMs) * 100)));\n document.getElementById('progress-fill').style.width = pct + '%';\n document.getElementById('progress-pct').textContent = pct + '%';\n }\n\n tick();\n setInterval(tick, 1000);\n\n \/\/ \u2500\u2500 NOTIFY FORM \u2500\u2500\n function handleNotify() {\n const email = document.getElementById('notify-email').value.trim();\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!re.test(email)) {\n document.getElementById('notify-email').style.borderColor = '#ff4d00';\n document.getElementById('notify-email').focus();\n return;\n }\n document.getElementById('notify-form').style.display = 'none';\n document.getElementById('notify-success').style.display = 'block';\n }\n\n document.getElementById('notify-email').addEventListener('keydown', function(e) {\n if (e.key === 'Enter') handleNotify();\n this.style.borderColor = '';\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AZ Stereo \u2014 We’re Upgrading Need service now? Call: 281-345-9900 Something Big Is Coming WE’RE UPGRADING OUR SITE Houston’s #1 auto customization shop is getting a brand-new look. Bigger, faster, and better \u2014 with a full online store. Back soon. 14 Days 00 Hours 00 Minutes 00 Seconds Build Progress 0% Get notified when we […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azstereo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":108,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nAZ Stereo \u2014 We're Upgrading<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --orange: #631314;\n --orange-light: rgba(255,77,0,0.08);\n --orange-border: rgba(255,77,0,0.20);\n --bg: #f7f6f3;\n --bg2: #ffffff;\n --bg3: #f0eeea;\n --line: #e8e5e0;\n --line2: #d8d4ce;\n --text: #1a1a18;\n --muted: #404040;\n --muted2: #6b6660;\n }\n\n html, body {\n min-height: 100vh;\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n overflow-x: hidden;\n }\n\n \/* Grid overlay *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(255,77,0,0.025) 60px, rgba(255,77,0,0.025) 61px),\n repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,77,0,0.025) 60px, rgba(255,77,0,0.025) 61px);\n z-index: 0;\n }\n\n \/* Diagonal accent *\/\n body::after {\n content: '';\n position: fixed;\n top: 0; right: 0;\n width: 45%;\n height: 100%;\n background: rgba(255,77,0,0.03);\n clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n pointer-events: none;\n z-index: 0;\n }\n\n .page {\n position: relative;\n z-index: 1;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n }\n\n \/* \u2500\u2500 TOP BAR \u2500\u2500 *\/\n .topbar {\n padding: 10px 48px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--line);\n background-color: #ffffff;\n }\n\n .logo {\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 800;\n color: var(--orange);\n letter-spacing: 1px;\n text-decoration: none;\n }\n .logo img{\n height: 60px;\n }\n \n .topbar-contact {\n font-size: 16px;\n color: var(--muted2);\n letter-spacing: 0.3px;\n }\n \n .topbar-contact span {\n color: var(--orange);\n font-weight: 500;\n }\n .topbar-contact a{\n color: var(--orange);\n }\n \/* \u2500\u2500 MAIN \u2500\u2500 *\/\n .main {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n text-align: center;\n }\n\n .eyebrow {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--orange);\n background: var(--orange-dim);\n border: 1px solid var(--orange-border);\n padding: 5px 14px;\n border-radius: 3px;\n margin-bottom: 28px;\n display: inline-block;\n }\n\n .headline {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(52px, 8vw, 100px);\n font-weight: 800;\n line-height: 0.95;\n text-transform: uppercase;\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n .headline .accent { color: var(--orange); }\n\n .subline {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--muted2);\n line-height: 1.7;\n max-width: 480px;\n margin: 0 auto 52px;\n font-weight: 300;\n }\n\n \/* \u2500\u2500 COUNTDOWN \u2500\u2500 *\/\n .countdown {\n display: flex;\n align-items: flex-start;\n gap: 0;\n margin-bottom: 56px;\n }\n\n .cd-unit {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 100px;\n padding: 0 20px;\n position: relative;\n }\n\n .cd-unit:not(:last-child)::after {\n content: ':';\n position: absolute;\n right: -4px;\n top: 16px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 56px;\n font-weight: 800;\n color: var(--muted);\n line-height: 1;\n }\n\n .cd-num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(56px, 9vw, 96px);\n font-weight: 800;\n color: var(--text);\n line-height: 1;\n letter-spacing: -2px;\n background: var(--bg2);\n border: 1px solid var(--line);\n border-top: 2px solid var(--orange);\n padding: 20px 24px 16px;\n border-radius: 6px;\n min-width: 110px;\n text-align: center;\n position: relative;\n transition: border-color 0.3s;\n }\n\n .cd-num.tick {\n border-top-color: #fff;\n }\n\n .cd-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--muted);\n margin-top: 10px;\n }\n\n \/* Progress bar *\/\n .progress-wrap {\n width: 100%;\n max-width: 480px;\n margin: 0 auto 52px;\n }\n\n .progress-meta {\n display: flex;\n justify-content: space-between;\n font-size: 16px;\n color: var(--muted2);\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-bottom: 8px;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n }\n\n .progress-meta .pct { color: var(--orange); }\n\n .progress-track {\n width: 100%;\n height: 3px;\n background: var(--bg3);\n border-radius: 2px;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: var(--orange);\n border-radius: 2px;\n transition: width 1s ease;\n }\n\n \/* \u2500\u2500 NOTIFY FORM \u2500\u2500 *\/\n .notify-label {\n font-size: 13px;\n color: var(--muted2);\n margin-bottom: 12px;\n font-weight: 300;\n }\n\n .notify-form {\n display: flex;\n gap: 0;\n max-width: 420px;\n width: 100%;\n margin: 0 auto 40px;\n }\n\n .notify-input {\n flex: 1;\n background: var(--bg2);\n border: none !important; \n border-radius: 4px 0 0 4px;\n padding: 13px 18px;\n font-size: 14px;\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n outline: none;\n transition: border-color 0.2s;\n }\n\n .notify-input::placeholder { color: var(--muted); }\n .notify-input:focus { border-color: var(--orange-border); }\n\n .notify-btn {\n background: var(--orange);\n color: #fff;\n font-family: 'Barlow Condensed', sans-serif;\n font-weight: 700;\n font-size: 14px;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 13px 24px;\n border: none;\n border-radius: 0 4px 4px 0;\n cursor: pointer;\n white-space: nowrap;\n transition: background 0.2s, transform 0.1s;\n }\n\n .notify-btn:hover { background: #e04000; }\n .notify-btn:active { transform: scale(0.98); }\n\n .notify-success {\n display: none;\n font-size: 13px;\n color: #4caf50;\n margin-bottom: 40px;\n }\n\n .services-strip {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n justify-content: center;\n max-width: 680px;\n width: 100%;\n margin: 0 auto;\n }\n\n .svc-pill {\n padding: 8px 16px;\n background: var(--bg2);\n border: 1px solid var(--line);\n border-radius: 100px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--muted2);\n display: flex;\n align-items: center;\n gap: 6px;\n box-shadow: 0 1px 4px rgba(0,0,0,0.04);\n }\n\n .svc-dot {\n width: 5px;\n height: 5px;\n background: var(--orange);\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer {\n padding: 20px 48px;\n border-top: 1px solid var(--line);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 12px;\n background: #fff;\n }\n\n .footer-copy {\n font-size: 14px;\n color: var(--muted);\n }\n\n .footer-links {\n display: flex;\n gap: 20px;\n }\n\n .footer-link {\n font-size: 14px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .footer-link:hover { color: var(--orange); }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 600px) {\n .topbar { padding: 18px 20px; }\n \/\/ .topbar-contact { display: none; }\n .topbar-contact-msg{\n display: none;\n }\n .main { padding: 40px 16px; }\n .logo img{\n height: 40px;\n }\n .countdown { gap: 0; }\n .cd-unit { padding: 0 10px; min-width: 70px; }\n .cd-num { font-size: 44px; min-width: 72px; padding: 14px 12px 10px; }\n .cd-unit:not(:last-child)::after { font-size: 36px; top: 12px; }\n\n .notify-form { flex-direction: column; }\n .notify-input { border-right: 1px solid var(--line); border-bottom: none; border-radius: 4px 4px 0 0; }\n .notify-btn { border-radius: 0 0 4px 4px; padding: 13px; }\n\n .services-strip { flex-wrap: wrap; }\n .svc-pill { min-width: 33%; border-bottom: 1px solid var(--line); }\n\n .footer { padding: 16px 20px; flex-direction: column; text-align: center; }\n }\n\n \/* Flicker animation on tick *\/\n @keyframes flicker {\n 0% { opacity: 1; }\n 50% { opacity: 0.7; }\n 100% { opacity: 1; }\n }\n .tick-anim { animation: flicker 0.15s ease; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page\">\n\n \n <header class=\"topbar\">\n <a class=\"logo\" href=\"#\"><img decoding=\"async\" src=\"http:\/\/azstereo.net\/wp-content\/uploads\/2026\/04\/logo-AZ-STEREO.webp\"><\/a>\n <div class=\"topbar-contact\">\n <span class=\"topbar-contact-msg\">\n Need service now?<\/span> Call: <span><a href=\"tel:+12813459900\">281-345-9900<\/a><\/span>\n <\/div>\n <\/header>\n\n \n <main class=\"main\">\n\n <div class=\"eyebrow\">Something Big Is Coming<\/div>\n\n <h1 class=\"headline\">\n WE'RE<br\/>\n <span class=\"accent\">UPGRADING<\/span><br\/>\n OUR SITE\n <\/h1>\n\n <p class=\"subline\">\n Houston's #1 auto customization shop is getting a brand-new look.\n Bigger, faster, and better \u2014 with a full online store. Back soon.\n <\/p>\n\n \n <div class=\"countdown\">\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-days\">14<\/div>\n <div class=\"cd-label\">Days<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-hours\">00<\/div>\n <div class=\"cd-label\">Hours<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-mins\">00<\/div>\n <div class=\"cd-label\">Minutes<\/div>\n <\/div>\n <div class=\"cd-unit\">\n <div class=\"cd-num\" id=\"cd-secs\">00<\/div>\n <div class=\"cd-label\">Seconds<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-wrap\">\n <div class=\"progress-meta\">\n <span>Build Progress<\/span>\n <span class=\"pct\" id=\"progress-pct\">0%<\/span>\n <\/div>\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progress-fill\" style=\"width:0%\"><\/div>\n <\/div>\n <\/div>\n\n \n <p class=\"notify-label\">Get notified when we launch<\/p>\n <div class=\"notify-form\" id=\"notify-form\">\n <input class=\"notify-input\" type=\"email\" id=\"notify-email\" placeholder=\"your@email.com\"\/>\n <button class=\"notify-btn\" onclick=\"handleNotify()\">Notify Me<\/button>\n <\/div>\n <p class=\"notify-success\" id=\"notify-success\">You're on the list! We'll email you on launch day.<\/p>\n\n \n <div class=\"services-strip\">\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Car Stereo<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Window Tint<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Car Alarms<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Bike Mods<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>Marine Audio<\/div>\n <div class=\"svc-pill\"><span class=\"svc-dot\"><\/span>LED \/ HID<\/div>\n <\/div>\n\n <\/main>\n\n \n <footer class=\"footer\">\n <div class=\"footer-copy\">\u00a9 2026 AZ Stereo & Auto Repair \u2014 14013 FM 529 Rd, Houston TX 77041<\/div>\n <div class=\"footer-links\">\n <a class=\"footer-link\" href=\"mailto:info@azstereo.net\">info@azstereo.net<\/a>\n <a class=\"footer-link\" href=\"tel:+12813459900\">281-345-9900<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n<script>\n \/\/ \u2500\u2500 LAUNCH DATE: change this to your actual launch date \u2500\u2500\n const LAUNCH = new Date('2026-05-11T00:00:00');\n const START = new Date('2026-04-26T23:00:00'); \/\/ today (start of countdown)\n\n const totalMs = LAUNCH - START;\n\n function pad(n) { return String(Math.max(0, n)).padStart(2, '0'); }\n\n let prevSecs = null;\n\n function tick() {\n const now = new Date();\n const diff = LAUNCH - now;\n\n if (diff <= 0) {\n document.getElementById('cd-days').textContent = '00';\n document.getElementById('cd-hours').textContent = '00';\n document.getElementById('cd-mins').textContent = '00';\n document.getElementById('cd-secs').textContent = '00';\n document.getElementById('progress-fill').style.width = '100%';\n document.getElementById('progress-pct').textContent = '100%';\n return;\n }\n\n const days = Math.floor(diff \/ 86400000);\n const hours = Math.floor((diff % 86400000) \/ 3600000);\n const mins = Math.floor((diff % 3600000) \/ 60000);\n const secs = Math.floor((diff % 60000) \/ 1000);\n\n document.getElementById('cd-days').textContent = pad(days);\n document.getElementById('cd-hours').textContent = pad(hours);\n document.getElementById('cd-mins').textContent = pad(mins);\n\n const secsEl = document.getElementById('cd-secs');\n if (secs !== prevSecs) {\n secsEl.textContent = pad(secs);\n secsEl.classList.remove('tick-anim');\n void secsEl.offsetWidth;\n secsEl.classList.add('tick-anim');\n prevSecs = secs;\n }\n\n \/\/ Progress bar (% of time elapsed since START toward LAUNCH)\n const elapsed = now - START;\n const pct = Math.min(100, Math.max(0, Math.round((elapsed \/ totalMs) * 100)));\n document.getElementById('progress-fill').style.width = pct + '%';\n document.getElementById('progress-pct').textContent = pct + '%';\n }\n\n tick();\n setInterval(tick, 1000);\n\n \/\/ \u2500\u2500 NOTIFY FORM \u2500\u2500\n function handleNotify() {\n const email = document.getElementById('notify-email').value.trim();\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!re.test(email)) {\n document.getElementById('notify-email').style.borderColor = '#ff4d00';\n document.getElementById('notify-email').focus();\n return;\n }\n document.getElementById('notify-form').style.display = 'none';\n document.getElementById('notify-success').style.display = 'block';\n }\n\n document.getElementById('notify-email').addEventListener('keydown', function(e) {\n if (e.key === 'Enter') handleNotify();\n this.style.borderColor = '';\n });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AZ Stereo \u2014 We’re Upgrading Need service now? Call: 281-345-9900 Something Big Is Coming WE’RE UPGRADING OUR SITE Houston’s #1 auto customization shop is getting a brand-new look. Bigger, faster, and better \u2014 with a full online store. Back soon. 14 Days 00 Hours 00 Minutes 00 Seconds Build Progress 0% Get notified when we […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azstereo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":108,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/azstereo.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/azstereo.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}