Help
RSS
API
Feed
Maltego
Contact
Domain > wideband.ai
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-12-02
18.238.4.104
(
ClassC
)
2026-02-10
162.159.140.166
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Tue, 10 Feb 2026 17:03:41 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveCache-Control: max-age3600Expires: Tue, 10 Feb 2026 18:03:41 GMTLocation: https://wideband.ai/Server: cloudflareCF-RAY: 9cbd2e6e08a5dd6a-PDX html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>cloudflare/center>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Tue, 10 Feb 2026 17:03:41 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveCF-RAY: 9cbd2e6e5abaa11a-PDXcache-control: max-age60, stale-while-revalidate30, stale-if-error1800vary: Accept-Encodingvia: 1.1 googlecf-cache-status: REVALIDATEDServer: cloudflare !DOCTYPE html>html langen>head>meta charsetutf-8>meta nameviewport contentwidthdevice-width, initial-scale1>title>Your Business, Built for Growth. - WideBand.AI/title>link relpreconnect hrefhttps://fonts.gstatic.com/ crossoriginanonymous>style> :root{ --primary: #37ca37;--secondary: #188bf6;--white: #ffffff;--gray: #cbd5e0;--black: #000000;--red: #e93d3d;--orange: #f6ad55;--yellow: #faf089;--green: #9ae6b4;--teal: #81e6d9;--malibu: #63b3ed;--indigo: #757BBD;--purple: #d6bcfa;--pink: #fbb6ce;--transparent: transparent;--overlay: rgba(0, 0, 0, 0.5);--color-lz1dgjba: #0B2147;--color-lz1dhdyh: #ed6835;--color-lz1e5puu: #DDDFE4;--color-lz1eixjj: #ED6835;--color-lz1et5gs: #F9F9F9;--color-lz1fmz9y: #070E1A;--color-lz1gam34: #545250;--color-lz1u2dze: #50B96B;--color-lz32riok: #BCBCBC;--color-lz32xp95: #efefef;--color-lz73w3t5: #DA9A40;--color-lz7bl8cv: #835C26;--color-lz7dew71: #f8f9fa;--color-lzdjj3ma: #FFF6E8;--color-lzdjpup2: f8f9fa;--color-lzdrkxo1: #C8C8C8;--color-lzdrntuy: #414142;--color-lzdrpecu: #FF6200;--color-lzdrq9j7: #FEEFEA;--color-lzdsgs94: #323232;--color-lzdsmqut: #D1D1D1;--color-lzdtodwx: #eaeaea;--color-lzg8gt0m: #161616;--color-lzii8exx: #dcdcdc;--color-lz04012l: #233759;--color-m05rxrli: #F4F7FF;--color-m05s6tbd: 343E60;--color-m05s7op7: 343E61;--color-m05s8634: #343e61;--color-m05s8yzn: #D9D9D9;--color-m06x7wgm: #7a7a7a;--color-m08hjtsc: #4a4a4a;--color-m08i23dg: #343E60;--color-m08iwmp1: #4a4a4a;--color-m76s2rkd: #FEFEFF;--cobalt: #155eef;--smoke: #f5f5f5;--color-66c5b4f991201e717d357151: #390EFB;--color-66c5b4f991201e3958357152: #17E0C1;--inter: Inter;--space-grotesk: Space Grotesk;--arial: Arial;--lato: Lato;--open-sans: Open Sans;--montserrat: Montserrat;--roboto: Roboto;--playfair-display: Playfair Display;--kumbh-sans: Kumbh Sans;--lora: Lora;--karla: Karla;--coiny: Coiny;--anek-odia: Anek Odia;--headlinefont: Anek Odia;--contentfont: Roboto;--text-color: #000000;--link-color: var(--primary); } .bg-fixed{bottom:0;top:0;left:0;right:0;position:fixed;overflow:auto;background-color:var(--white)} .drop-zone-draggable .hl_main_popup{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} #hl_main_popup.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup.popup-body{width:380px!important}} .drop-zone-draggable .hl_main_popup-1q4ibSVCDl{box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px} #hl_main_popup-1q4ibSVCDl.popup-body{position:absolute!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;right:auto!important;box-shadow:none;padding:20px;margin-top:0;border-color:var(--gray);border-width:10px;border-style:solid;background-color:var(--white);width:720px}.--mobile #hl_main_popup-1q4ibSVCDl.popup-body{width:380px!important}@media screen and (min-width:0px) and (max-width:480px){#hl_main_popup-1q4ibSVCDl.popup-body{width:380px!important}} /* ---- Section styles ----- */ :root{--black:#000000;--transparent:transparent}.hl_page-preview--content .col-wOvbCOvt_q,.hl_page-preview--content .row-VHaPd5oRdB,.hl_page-preview--content .section-s4BoQ17u9L{box-shadow:none;padding:20px 0;margin:0;background-color:var(--transparent);border-color:var(--black);border-width:2px;border-style:solid}.hl_page-preview--content .col-wOvbCOvt_q,.hl_page-preview--content .row-VHaPd5oRdB{margin:0 auto;padding:10px 5px;width:100%}.hl_page-preview--content .col-wOvbCOvt_q{margin:0}.hl_page-preview--content .custom-code-9S21AeRD7U{margin:0}#section-s4BoQ17u9L>.inner{max-width:1170px}#col-wOvbCOvt_q>.inner{flex-direction:column;justify-content:center;align-items:inherit;flex-wrap:nowrap}/style>link relstylesheet hrefhttps://fonts.googleapis.com/css?familyLato:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7COpen%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CMontserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CRoboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CLora:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKarla:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CInter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CCoiny:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CAnek%20Odia:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&displayswap mediaprint onloadthis.mediaall>link relstylesheet hrefhttps://stcdn.leadconnectorhq.com/_preview/entry.IgpDOq8p.css crossorigin>link relpreload asstyle hrefhttps://fonts.googleapis.com/css?familyLato:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7COpen%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CMontserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CRoboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CLora:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKarla:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CInter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CCoiny:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CAnek%20Odia:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&displayswap>link asscript crossorigin hrefhttps://stcdn.leadconnectorhq.com/_preview/D1dlZeeE.js>link asscript crossorigin hrefhttps://stcdn.leadconnectorhq.com/_preview/CYRjd3E_.js>link asscript crossorigin hrefhttps://stcdn.leadconnectorhq.com/_preview/CU51mrFH.js>link asscript crossorigin hrefhttps://stcdn.leadconnectorhq.com/_preview/B5Pfq3BN.js>script typemodule srchttps://stcdn.leadconnectorhq.com/_preview/D1dlZeeE.js crossorigin>/script>link relicon hrefhttps://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/695a92e0edb8a21124c97536.png>meta nametitle contentYour Business, Built for Growth. - WideBand.AI>meta propertyog:title contentYour Business, Built for Growth. - WideBand.AI>meta namedescription contentWideband.AI helps turn your hustle into a legit business with setup, systems, websites, and AI — all in one streamlined platform.>meta propertyog:description contentWideband.AI helps turn your hustle into a legit business with setup, systems, websites, and AI — all in one streamlined platform.>meta nameauthor contentWideBand LLC>meta propertyog:author contentWideBand LLC>meta nameimage contenthttps://assets.cdn.filesafe.space/TgHJNK2558mEZMn9ACm0/media/68828b815d765401c89e47b7.png>meta propertyog:image contenthttps://assets.cdn.filesafe.space/TgHJNK2558mEZMn9ACm0/media/68828b815d765401c89e47b7.png>meta namekeywords contentLLC setup, business formation, EIN registration, virtual business address, business phone number, Google Workspace setup, business email, domain purchase, Stripe payment setup, business bank account, Novo Bank, website builder, CRM integration, lead capture forms, SEO optimization, AI chatbot, AI voice agent, Google Business Profile, custom QR codes, automation tools, startup tools, business tools, small business setup, entrepreneur resources, online business systems, business branding, custom website design, business automation platform>meta propertyog:keywords contentLLC setup, business formation, EIN registration, virtual business address, business phone number, Google Workspace setup, business email, domain purchase, Stripe payment setup, business bank account, Novo Bank, website builder, CRM integration, lead capture forms, SEO optimization, AI chatbot, AI voice agent, Google Business Profile, custom QR codes, automation tools, startup tools, business tools, small business setup, entrepreneur resources, online business systems, business branding, custom website design, business automation platform>meta propertyog:type contentwebsite>meta propertytwitter:type contentwebsite>/head>body>div id__nuxt>!---->div>/div>!---->div classbgCover bg-fixed>/div>div>!---->div>!---->!---->div>div idnav-menu-popup styledisplay:none; classhide>div classnav-menu-body>i classclose-menu fas fa-times>/i>ul classnav-menu>!---->!---->/ul>/div>/div>/div>!---->!---->!---->!---->div idpreview-container classpreview-container hl_page-preview--content>div>!---->!---->!---->div classfullSection noBorder radius0 none c-section c-wrapper section-s4BoQ17u9L style idsection-s4BoQ17u9L>!---->!---->div classinner>!---->!---->!---->div classrow-align-center noBorder radius0 none c-row c-wrapper row-VHaPd5oRdB idrow-VHaPd5oRdB>!---->!---->div classinner>!---->!---->!---->div classnoBorder radius0 none c-column c-wrapper col-wOvbCOvt_q idcol-wOvbCOvt_q>!---->!---->div classvertical inner>!---->!---->!---->div idcustom-code-9S21AeRD7U classc-custom-code c-wrapper custom-code-9S21AeRD7U>!---->!---->!---->!---->!---->!---->!---->span>/span>div idcustom-code-9S21AeRD7U classcustom-code-container ccustom-code-9S21AeRD7U>!-- COPY UPDATES - GRAND SLAM OFFER TRANSFORMATION (HORMOZI VALUE EQUATION)Psychological Framework Applied:1. DREAM OUTCOME MAXIMIZED: Positioned as End of Owner-Bottleneck - business runs without them2. PERCEIVED LIKELIHOOD INCREASED: Done in 14 Days + proof ($250K, 1,000 hours) inevitable success3. TIME DELAY DECREASED: 14 Days timeline, creates realistic urgency4. EFFORT/SACRIFICE DECREASED: Done-For-You emphasized - we build, launch, maintain everythingCore Hook: You ARE the bottleneck - visceral pain point for busy operatorsValue Stack: Every feature reframed as We do X so you get Y (Result)Proof Claims: Positioned as money/time youre leaving on table RIGHT NOWGuarantee: Zero risk, no contracts, cancel anytimeTarget: Home service operators (plumber, HVAC, electrician) drowning in admin, missing callsAll jargon removed. Every line outcome-focused. CTA Get Set Up in 14 Days repeated throughout.NO structural, styling, or JS changes. Only text content within existing HTML elements.-->!-- Orbitron Font + AOS Scroll Library -->link hrefhttps://fonts.googleapis.com/css2?familyOrbitron:wght@400;500;600;700&familySpace+Mono:wght@400;700&displayswap relstylesheet>link hrefhttps://unpkg.com/aos@2.3.1/dist/aos.css relstylesheet>!-- Background Video -->video autoplay muted loop playsinline idbg-video> source srchttps://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/686daebf000e7338f0e3342f.mp4 typevideo/mp4>/video>!-- Nav Bar -->div classnav-bar> div classnav-left> a hrefhttps://wideband.ai/selector> img srchttps://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/695a92e0edb8a21124c97536.png classcorner-logo /> /a> a classnav-link nav-login nav-login-left hrefhttps://app.wideband.ai target_blank relnoopener>Login/a> /div> div classnav-links> a classnav-link hrefhttps://wideband.ai/services>Services/a> a classnav-link hrefhttps://wideband.ai>Home/a> a classnav-link hrefhttps://wideband.ai/matrix>Matrix/a> a classnav-link hrefhttps://wideband.ai/nexus>Nexus/a> a classnav-link hrefhttps://shop.wideband.ai>Shop/a> a classnav-link hrefhttps://wideband.ai/support>Support/a> a classnav-link hrefhttps://learn.wideband.ai>Learn/a> a classnav-link nav-contact-btn hrefhttps://wideband.ai/contact>Contact Form/a> /div> div classmenu-toggle onclicktoggleMenu()> div classbar>/div> div classbar>/div> div classbar>/div> /div>/div>!-- Hero Section -->section classhero data-aosfade-up> div classhero-badge>FOR BUSY HOME SERVICE BUSINESSES/div> h1>Your Business Works.br>span classgradient-text-hero>Youre The Bottleneck./span>/h1> p classhero-subtext> Youre on jobs. Leads come in. You miss them. Money walks. We build you a system that captures every lead, responds instantly, and books jobs while you work. Done in 14 days. You dont need more customers. You need your business to run without you answering every call and chasing every text. /p> div classhero-cta-group data-aosfade-up data-aos-delay200> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classcta-btn cta-btn-apply>Get Set Up in 14 Days/a> /div> p classhero-urgency data-aosfade-up data-aos-delay300> span classurgency-dot>/span> Done in 14 Days • Zero risk • Cancel anytime /p> div classhero-phone data-aosfade-up data-aos-delay400> div classhero-phone-wrapper> a hreftel:+18283731205 classhero-phone-link> svg classhero-phone-icon width20 height20 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg> path dM22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7292C21.7209 20.9842 21.5573 21.2131 21.35 21.4C21.1428 21.5869 20.8962 21.7279 20.6285 21.8131C20.3608 21.8983 20.0782 21.9257 19.8 21.89C16.7428 21.5856 13.787 20.5341 11.19 18.81C8.77382 17.0011 6.72533 14.7293 5.19 12.13C3.57978 9.30486 2.55334 6.16345 2.18 2.92C2.14427 2.64178 2.17166 2.35922 2.25687 2.09154C2.34208 1.82386 2.48307 1.57723 2.67 1.37C2.85694 1.16277 3.08584 0.99919 3.34082 0.887587C3.5958 0.775985 3.87149 0.718994 4.15 0.72H7.15C7.6074 0.708489 8.05773 0.849293 8.42818 1.12131C8.79863 1.39333 9.06757 1.78171 9.19 2.22C9.44579 3.36154 9.85549 4.46304 10.405 5.49C10.6214 5.88783 10.7322 6.33617 10.726 6.79C10.7198 7.24383 10.5968 7.68912 10.37 8.08L8.37 11.08C9.93955 13.4121 12.0879 15.5605 14.42 17.13L17.42 15.13C17.8109 14.9032 18.2562 14.7802 18.71 14.774C19.1638 14.7678 19.6122 14.8786 20.01 15.095C21.0375 15.6445 22.139 16.0542 23.28 16.31C23.7183 16.4324 24.1067 16.7014 24.3787 17.0718C24.6507 17.4423 24.7915 17.8926 24.78 18.35L22 16.92Z strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/> /svg> span classhero-phone-number>+1 828-373-1205/span> /a> /div> /div>/section>!-- What This Is Section -->section classwhat-this-is data-aosfade-up> div classglass-container> h2 data-aosfade-up data-aos-delay100>What This Actually Is/h2> p classsection-intro data-aosfade-up data-aos-delay150> The end of you being the bottleneck. We build you a system that captures every lead, responds instantly, and books jobs automatically. Built in 14 days. Maintained forever. You never touch the tech. /p> div classnot-this-grid data-aosfade-up data-aos-delay200> div classnot-card> div classnot-icon>✕/div> p>This is strong>not/strong> software you learn and manage/p> /div> div classnot-card> div classnot-icon>✕/div> p>This is strong>not/strong> a DIY template you customize/p> /div> div classnot-card> div classnot-icon>✕/div> p>This is strong>not/strong> a project we complete and leave/p> /div> /div> div classis-card data-aoszoom-in data-aos-delay300> div classis-icon>◆/div> p>Its strong>us running your lead system FOR you/strong> — built, launched, and maintained — so your business works without you answering every call, text, and voicemail./p> /div> /div>/section>!-- Testimonials Section -->section classtestimonials-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>What Home Service Owners Say/h2> p classsection-intro data-aosfade-up data-aos-delay50> See what happens when you stop missing calls and start capturing every job /p> div classtestimonials-carousel-wrapper> div classtestimonials-carousel idtestimonials-carousel> !-- Testimonial 1 --> div classtestimonial-card active> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>Look, Im under sinks and behind water heaters all day. My phone would ring, Id see it light up in my pocket, and by the time I could actually grab it with clean hands, theyd already hung up. I knew I was bleeding money every single day. The Wideband team set up this instant text-back system, and Im not even exaggerating when I say I booked 11 jobs in the first week just from catching those calls I used to miss. It felt like finding money in an old jacket, except it happens every day now./p> div classtestimonial-author> div classauthor-avatar>MT/div> div classauthor-info> div classauthor-name>Mike T./div> div classauthor-title>Plumbing • Solo Operator/div> /div> /div> /div> !-- Testimonial 2 --> div classtestimonial-card> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>Ive been doing HVAC for 17 years, and I was still handwriting estimates and playing phone tag like its 1995. When I reached out to Wideband, I honestly didnt know what to expect. They had my site live in 6 days—not weeks, days. Now the follow-ups happen automatically, estimates get sent while Im sleeping, and I stopped chasing people down. My calendar is booked solid two weeks out, and heres the crazy part: Im actually less stressed than when I had half the workload. I cant believe I waited this long to automate./p> div classtestimonial-author> div classauthor-avatar>JR/div> div classauthor-info> div classauthor-name>Jose R./div> div classauthor-title>HVAC Contractor/div> /div> /div> /div> !-- Testimonial 3 --> div classtestimonial-card> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>Ill be honest with you—I barely know how to use Excel. When people started talking about CRMs and automation, I thought that was for companies with IT departments, not a one-man electrical shop. But the Wideband team made it so simple I almost felt stupid for putting it off for years. They built everything, walked me through it once, and it just works. Customers book appointments online, get automatic reminders so they actually show up, and everything lands in one inbox that I can check on my phone. Im saving hours every week that I used to waste on scheduling calls and no-shows. Best investment Ive made in my business, hands down./p> div classtestimonial-author> div classauthor-avatar>DL/div> div classauthor-info> div classauthor-name>David L./div> div classauthor-title>Electrician • 1-Man Shop/div> /div> /div> /div> !-- Testimonial 4 --> div classtestimonial-card> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>In landscaping, speed is everything. Someone calls wanting a quote, theyre usually calling three other companies at the same time. Whoever gets back to them first usually gets the job. I was losing deals left and right because Id be out on a site, see the missed call two hours later, call them back, and theyd already hired someone else. It was brutal. Since setting up the automated response system with Wideband, Im responding in under 5 minutes even when Im knee-deep in mulch. My close rate went from maybe 30% to over 60%. Thats not an estimate—I actually track this stuff now because the system makes it easy./p> div classtestimonial-author> div classauthor-avatar>CT/div> div classauthor-info> div classauthor-name>Carlos T./div> div classauthor-title>Landscaping Business/div> /div> /div> /div> !-- Testimonial 5 --> div classtestimonial-card> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>The painting business runs on referrals and reputation. Someone recommends you, that potential customer calls, and how you handle that first interaction sets the tone for everything. I used to scramble to sound professional while covered in paint, trying to take notes on scraps of paper. Now? Automated booking confirmations, professional follow-up emails, appointment reminders—the whole nine yards. People think Ive got an office manager. Its just me and one other guy with brushes, but this system makes us look like a legitimate operation. And that perception matters. A lot./p> div classtestimonial-author> div classauthor-avatar>BM/div> div classauthor-info> div classauthor-name>Brian M./div> div classauthor-title>Painting Contractor/div> /div> /div> /div> !-- Testimonial 6 --> div classtestimonial-card> div classtestimonial-stars>★★★★★/div> p classtestimonial-quote>Ive been burned by software companies before—long contracts, hidden fees, support that disappears after you sign up. So I was skeptical. But heres the thing that sold me: no contract. Month-to-month. If it sucks, I can walk away. Thats confidence, you know? Well, its been 8 months and Im still here because it actually works. My calendar stays organized, follow-ups happen automatically, and Im not spending my evenings texting clients and managing schedules anymore. I have my life back. And Im making more money because nothing falls through the cracks. I kind of want to keep it a secret so my competition doesnt find out./p> div classtestimonial-author> div classauthor-avatar>AS/div> div classauthor-info> div classauthor-name>Angela S./div> div classauthor-title>Cleaning Service Owner/div> /div> /div> /div> /div> !-- Navigation Dots --> div classtestimonials-dots idtestimonials-dots> span classdot active data-slide0>/span> span classdot data-slide1>/span> span classdot data-slide2>/span> span classdot data-slide3>/span> span classdot data-slide4>/span> span classdot data-slide5>/span> /div> /div> /div>/section>!-- Pricing Section -->section classpricing-section data-aosfade-up> div classglass-container pricing-container> div classpricing-badge>DONE IN 14 DAYS/div> h2 classglow-heading data-aosfade-up>Live in 14 Days. Period./h2> p classsection-intro data-aosfade-up data-aos-delay50> Your website and lead capture system will be live, functional, and tested within 14 days. No contracts. Cancel anytime. We only make money if your business actually runs better. /p> div classpricing-value data-aosfade-up data-aos-delay100> div classpricing-includes> h3>Everything Done-For-You:/h3> ul> li>span classcheck-icon>✓/span> Professional website built and launched/li> li>span classcheck-icon>✓/span> Every lead captured from web and calls/li> li>span classcheck-icon>✓/span> Missed calls get instant text response/li> li>span classcheck-icon>✓/span> Follow-up runs automatically/li> li>span classcheck-icon>✓/span> All messages in one organized inbox/li> li>span classcheck-icon>✓/span> Google presence so you look legitimate/li> li>span classcheck-icon>✓/span> Ongoing maintenance (we keep it working)/li> /ul> /div> div classpricing-model> div classmodel-highlight> h3>What Youre Leaving on the Table Right Now:/h3> p>strong>$250,000+ in revenue/strong> preserved across businesses weve supported. Thats money youre losing to missed calls and slow response times./p> p>strong>1,000+ hours recovered/strong> from admin, follow-up, and customer requests. Thats time you could spend on jobs, with family, or just not working evenings./p> p classmodel-emphasis>Every day you wait, you lose more. span classgradient-text>This pays for itself in the first month./span>/p> /div> /div> /div> div classpricing-cta data-aosfade-up data-aos-delay200> div classbonus-notice-wrapper> div classbonus-notice> svg classbonus-icon width64 height64 viewBox0 0 64 64 fillnone xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idshieldGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#3B82F6;stop-opacity:1 /> stop offset50% stylestop-color:#8B5CF6;stop-opacity:1 /> stop offset100% stylestop-color:#3B82F6;stop-opacity:1 /> /linearGradient> filter idglow> feGaussianBlur stdDeviation3 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> !-- Shield shape --> path dM32 8 L20 12 L20 28 C20 38 26 46 32 56 C38 46 44 38 44 28 L44 12 Z fillurl(#shieldGradient) strokeurl(#shieldGradient) stroke-width2 filterurl(#glow) opacity0.9> animate attributeNameopacity values0.9;1;0.9 dur2s repeatCountindefinite/> /path> !-- Checkmark --> path dM24 32 L30 38 L40 24 stroke#fff stroke-width3 stroke-linecapround stroke-linejoinround fillnone> animate attributeNamestroke-dasharray values0,30;30,0 dur1s begin0.5s fillfreeze/> /path> !-- Pulsing rings --> circle cx32 cy32 r28 fillnone strokeurl(#shieldGradient) stroke-width1 opacity0> animate attributeNamer values28;40;28 dur2s repeatCountindefinite/> animate attributeNameopacity values0.6;0;0.6 dur2s repeatCountindefinite/> /circle> circle cx32 cy32 r28 fillnone strokeurl(#shieldGradient) stroke-width1 opacity0> animate attributeNamer values28;40;28 dur2s begin1s repeatCountindefinite/> animate attributeNameopacity values0.6;0;0.6 dur2s begin1s repeatCountindefinite/> /circle> /svg> p>strong>Zero risk. No contracts. Cancel anytime./strong>/p> p>We only win if you win. Get Set Up in 14 Days/p> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classcta-btn cta-btn-large>Get Set Up in 14 Days/a> p classurgency-text> span classurgency-dot-inline>/span> Limited spots • Every day you wait costs you money /p> /div> /div> /div> /div>/section>!-- Choose Your Path Section -->section classchoose-path-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>Choose How You Want to Move Forward/h2> p classsection-intro data-aosfade-up data-aos-delay50> Pick the option that works best for you. Were here to help, however you prefer to connect. /p> div classpath-options-grid data-aosfade-up data-aos-delay100> !-- Option 1: Video Meeting --> div classpath-card path-card-primary> div classpath-icon-wrapper> svg classpath-icon width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idvideoGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#3B82F6;stop-opacity:1 /> stop offset100% stylestop-color:#60A5FA;stop-opacity:1 /> /linearGradient> /defs> rect x8 y12 width32 height24 rx4 fillurl(#videoGradient) opacity0.2/> rect x8 y12 width32 height24 rx4 strokeurl(#videoGradient) stroke-width2/> path dM20 24 L28 20 L28 28 Z fillurl(#videoGradient)/> circle cx24 cy24 r16 fillnone strokeurl(#videoGradient) stroke-width1 opacity0.3> animate attributeNamer values16;20;16 dur2s repeatCountindefinite/> animate attributeNameopacity values0.3;0;0.3 dur2s repeatCountindefinite/> /circle> /svg> /div> h3>Book a Video Meeting/h3> p classpath-description>See exactly how well set up your system. 15-minute call to show you the process./p> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classpath-cta path-cta-primary> Schedule Meeting svg width16 height16 viewBox0 0 16 16 fillnone xmlnshttp://www.w3.org/2000/svg> path dM6 12L10 8L6 4 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/> /svg> /a> p classpath-meta>Best for: Ready to see how it works/p> /div> !-- Option 2: AI Assistant --> div classpath-card> div classpath-icon-wrapper> svg classpath-icon width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idaiGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#8B5CF6;stop-opacity:1 /> stop offset100% stylestop-color:#A78BFA;stop-opacity:1 /> /linearGradient> /defs> circle cx24 cy20 r8 fillurl(#aiGradient) opacity0.2/> circle cx24 cy20 r8 strokeurl(#aiGradient) stroke-width2/> path dM16 32 Q24 28 32 32 strokeurl(#aiGradient) stroke-width2 stroke-linecapround fillnone/> circle cx20 cy18 r1.5 fillurl(#aiGradient)/> circle cx28 cy18 r1.5 fillurl(#aiGradient)/> circle cx24 cy20 r2 fillurl(#aiGradient) opacity0.6> animate attributeNameopacity values0.6;1;0.6 dur1.5s repeatCountindefinite/> /circle> circle cx24 cy24 r12 fillnone strokeurl(#aiGradient) stroke-width1 opacity0.2> animate attributeNamer values12;16;12 dur2s repeatCountindefinite/> animate attributeNameopacity values0.2;0;0.2 dur2s repeatCountindefinite/> /circle> /svg> /div> h3>Test Our AI Assistant/h3> p classpath-description>Call now and ask any questions. Get instant answers and information collection./p> a hreftel:+18283731205 classpath-cta path-cta-secondary path-cta-ai> Call Now svg width16 height16 viewBox0 0 16 16 fillnone xmlnshttp://www.w3.org/2000/svg> path dM3.5 2.5L6.5 5.5L4.5 7.5C5.5 9.5 6.5 10.5 8.5 11.5L10.5 9.5L13.5 12.5V15.5C13.5 15.5 3.5 5.5 3.5 5.5V2.5Z strokecurrentColor stroke-width1.5 stroke-linecapround stroke-linejoinround/> /svg> /a> p classpath-meta>Best for: Quick questions, instant answers/p> /div> !-- Option 3: Contact Form --> div classpath-card> div classpath-icon-wrapper> svg classpath-icon width48 height48 viewBox0 0 48 48 fillnone xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idformGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#60A5FA;stop-opacity:1 /> stop offset100% stylestop-color:#8B5CF6;stop-opacity:1 /> /linearGradient> /defs> rect x10 y12 width28 height24 rx2 fillurl(#formGradient) opacity0.2/> rect x10 y12 width28 height24 rx2 strokeurl(#formGradient) stroke-width2/> line x114 y118 x234 y218 strokeurl(#formGradient) stroke-width2 stroke-linecapround/> line x114 y124 x228 y224 strokeurl(#formGradient) stroke-width2 stroke-linecapround/> line x114 y130 x232 y230 strokeurl(#formGradient) stroke-width2 stroke-linecapround/> circle cx36 cy16 r4 fillurl(#formGradient) opacity0.8> animate attributeNameopacity values0.8;1;0.8 dur2s repeatCountindefinite/> /circle> path dM34 16 L36 18 L38 16 stroke#fff stroke-width1.5 stroke-linecapround stroke-linejoinround fillnone/> /svg> /div> h3>Get a Human Response/h3> p classpath-description>Fill out our form and a human will get back to you ASAP with detailed information./p> a hrefhttps://wideband.ai/contact classpath-cta path-cta-secondary path-cta-form> Fill Out Form svg width16 height16 viewBox0 0 16 16 fillnone xmlnshttp://www.w3.org/2000/svg> path dM8 3V13M8 13L12 9M8 13L4 9 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/> /svg> /a> p classpath-meta>Best for: Detailed questions, written communication/p> /div> /div> /div>/section>!-- Who This Is For -->section classicp-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>You Are The Bottleneck If.../h2> div classicp-grid> div classicp-card data-aosfade-up data-aos-delay100> div classicp-check>✓/div> p>You strong>cant leave the job site/strong> without missing calls that turn into lost money/p> /div> div classicp-card data-aosfade-up data-aos-delay150> div classicp-check>✓/div> p>Leads go to competitors who strong>respond in 5 minutes while youre working/strong>/p> /div> div classicp-card data-aosfade-up data-aos-delay200> div classicp-check>✓/div> p>Youre strong>drowning in texts, voicemails, and missed follow-ups/strong>/p> /div> div classicp-card data-aosfade-up data-aos-delay250> div classicp-check>✓/div> p>Your evenings are spent strong>returning calls and chasing estimates/strong>/p> /div> div classicp-card data-aosfade-up data-aos-delay300> div classicp-check>✓/div> p>Reputation suffers because strong>slow response makes you look small-time/strong>/p> /div> div classicp-card data-aosfade-up data-aos-delay350> div classicp-check>✓/div> p>You know youre strong>leaving $10K-$50K on the table/strong> every year from missed opportunities/p> /div> /div> div classicp-tagline data-aosfade-up data-aos-delay400> p>The work is there. The demand is real./p> p>You just need to span classgradient-text>stop being the ceiling/span>./p> /div> /div>/section>!-- What You Get Section -->section classwhat-you-get data-aosfade-up> h2 classsection-title glow-heading data-aosfade-up>The Complete Value Stack/h2> p classframework-subtitle data-aosfade-up data-aos-delay50>Everything we do for you. Everything you get back./p> div classoffering-cards> !-- Stack 1 --> div classoffering-card data-aosfade-up data-aos-delay100> div classoffering-number>WE DO/div> h3>Build Your Professional Website/h3> p classoffering-subtitle>Done-For-You in 14 Days/p> div classoffering-content> p>We build, launch, and maintain everything:/p> ul> li>strong>We build/strong> your professional website → so you look legitimate/li> li>strong>We install/strong> lead capture forms → so every visitor can reach you/li> li>strong>We set up/strong> your booking calendar → so customers book themselves/li> li>strong>We connect/strong> missed call text-back → so no call goes unanswered/li> li>strong>We create/strong> your Google presence → so youre found and trusted/li> /ul> div classoffering-highlight> p>strong>YOU GET:/strong> A business that captures leads 24/7 while youre on jobs. No lost opportunities./p> /div> /div> /div> !-- Stack 2 --> div classoffering-card data-aosfade-up data-aos-delay200> div classoffering-number>WE HANDLE/div> h3>Automate Response & Follow-Up/h3> p classoffering-subtitle>Zero Manual Work/p> div classoffering-content> p>The system responds and follows up automatically:/p> ul> li>strong>We program/strong> instant responses → so leads get answered in under 5 minutes/li> li>strong>We automate/strong> follow-up texts → so prospects dont go cold/li> li>strong>We organize/strong> all messages in one inbox → so nothing gets lost in texts/calls/emails/li> li>strong>We send/strong> appointment reminders → so you get fewer no-shows/li> li>strong>We re-engage/strong> old leads → so cold prospects become warm bookings/li> /ul> div classoffering-highlight> p>strong>YOU GET:/strong> Your evenings back. No more chasing leads. Calendar stays full without manual work./p> /div> /div> /div> !-- Stack 3 --> div classoffering-card featured data-aosfade-up data-aos-delay300> div classoffering-number>WE MAINTAIN/div> h3>Keep Everything Running/h3> p classoffering-subtitle>Ongoing Support/p> div classoffering-content> p>We maintain it so you never touch the tech:/p> ul> li>strong>We monitor/strong> the system daily → so it stays working/li> li>strong>We update/strong> and optimize → so performance improves over time/li> li>strong>We provide/strong> direct support → so you get help when you need it/li> li>strong>We adjust/strong> as your business changes → so it grows with you/li> li>strong>We guarantee/strong> no long-term contract → so you can cancel if it stops delivering/li> /ul> div classoffering-highlight> p>strong>YOU GET:/strong> Your business runs without you. Zero tech headaches. More jobs. More time./p> /div> /div> /div> /div>/section>!-- Science Section -->section classscience-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>Why This Actually Works/h2> p classsection-intro data-aosfade-up data-aos-delay50> The science of speed, trust, and compound follow-up. This isnt theory—its how money moves in service businesses. /p> div classscience-grid> !-- Principle 1 --> div classscience-card data-aosfade-up data-aos-delay100> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idlightningGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00FFB8;stop-opacity:1 /> stop offset100% stylestop-color:#00D4FF;stop-opacity:1 /> /linearGradient> filter idlightningGlow> feGaussianBlur stdDeviation3 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> path dM50 10 L30 45 L45 45 L25 90 L60 50 L45 50 Z fillurl(#lightningGrad) filterurl(#lightningGlow)> animate attributeNameopacity values1;0.5;1 dur1s repeatCountindefinite/> /path> circle cx50 cy50 r40 fillnone strokeurl(#lightningGrad) stroke-width1 opacity0.3> animate attributeNamer values30;45;30 dur2s repeatCountindefinite/> animate attributeNameopacity values0.3;0;0.3 dur2s repeatCountindefinite/> /circle> /svg> h3>Speed Beats Persuasion/h3> p>Sales data proves it: respond in 1–5 minutes, conversion explodes. After 15 minutes? Dead. Automation wins because humans are slow, distracted, or unavailable./p> /div> !-- Principle 2 --> div classscience-card data-aosfade-up data-aos-delay150> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idtargetGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#FF00F5;stop-opacity:1 /> stop offset100% stylestop-color:#00FFB8;stop-opacity:1 /> /linearGradient> /defs> !-- Target circles --> circle cx50 cy50 r40 fillnone strokeurl(#targetGrad) stroke-width2 opacity0.3/> circle cx50 cy50 r30 fillnone strokeurl(#targetGrad) stroke-width2 opacity0.5/> circle cx50 cy50 r20 fillnone strokeurl(#targetGrad) stroke-width2 opacity0.7/> circle cx50 cy50 r10 fillurl(#targetGrad)> animate attributeNamer values8;12;8 dur2s repeatCountindefinite/> /circle> !-- Ripple effect --> circle cx50 cy50 r15 fillnone strokeurl(#targetGrad) stroke-width2 opacity0> animate attributeNamer values10;45;10 dur3s repeatCountindefinite/> animate attributeNameopacity values0.8;0;0.8 dur3s repeatCountindefinite/> /circle> /svg> h3>Demand Already Exists/h3> p>People searching, calling, clicking already have intent. Youre not creating demand—youre capturing it. Most businesses lose money because intent decays before they respond./p> /div> !-- Principle 3 --> div classscience-card data-aosfade-up data-aos-delay200> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idbrainGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00D4FF;stop-opacity:1 /> stop offset100% stylestop-color:#9d00ff;stop-opacity:1 /> /linearGradient> filter idbrainGlow> feGaussianBlur stdDeviation2 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> !-- Brain left hemisphere with folds --> path dM35 45 Q30 35 35 28 Q40 20 48 22 Q48 30 45 35 Q42 40 45 45 Q48 50 45 55 Q42 60 45 65 Q48 70 45 75 Q38 78 32 72 Q28 65 30 58 Q32 52 30 48 Q28 45 30 42 fillnone strokeurl(#brainGrad) stroke-width2.5 stroke-linecapround stroke-linejoinround filterurl(#brainGlow)/> !-- Brain right hemisphere with folds --> path dM65 45 Q70 35 65 28 Q60 20 52 22 Q52 30 55 35 Q58 40 55 45 Q52 50 55 55 Q58 60 55 65 Q52 70 55 75 Q62 78 68 72 Q72 65 70 58 Q68 52 70 48 Q72 45 70 42 fillnone strokeurl(#brainGrad) stroke-width2.5 stroke-linecapround stroke-linejoinround filterurl(#brainGlow)/> !-- Center divide (corpus callosum) --> line x150 y125 x250 y275 strokeurl(#brainGrad) stroke-width1.5 opacity0.4/> !-- Brain stem --> path dM48 75 Q48 82 50 85 Q52 82 52 75 fillnone strokeurl(#brainGrad) stroke-width2 stroke-linecapround/> !-- Inner brain folds (left) --> path dM38 32 Q40 35 38 38 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM36 42 Q38 45 36 48 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM38 52 Q40 55 38 58 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM36 62 Q38 65 36 68 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> !-- Inner brain folds (right) --> path dM62 32 Q60 35 62 38 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM64 42 Q62 45 64 48 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM62 52 Q60 55 62 58 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> path dM64 62 Q62 65 64 68 fillnone strokeurl(#brainGrad) stroke-width1.5 opacity0.6/> !-- Neural activity pulses --> circle cx40 cy40 r2 fillurl(#brainGrad) opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite/> animate attributeNamer values2;4;2 dur2s repeatCountindefinite/> /circle> circle cx60 cy45 r2 fillurl(#brainGrad) opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite begin0.5s/> animate attributeNamer values2;4;2 dur2s repeatCountindefinite begin0.5s/> /circle> circle cx42 cy60 r2 fillurl(#brainGrad) opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite begin1s/> animate attributeNamer values2;4;2 dur2s repeatCountindefinite begin1s/> /circle> circle cx58 cy62 r2 fillurl(#brainGrad) opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite begin1.5s/> animate attributeNamer values2;4;2 dur2s repeatCountindefinite begin1.5s/> /circle> !-- Thought waves emanating --> circle cx50 cy50 r30 fillnone strokeurl(#brainGrad) stroke-width1 opacity0> animate attributeNamer values25;40;25 dur3s repeatCountindefinite/> animate attributeNameopacity values0.5;0;0.5 dur3s repeatCountindefinite/> /circle> /svg> h3>Cognitive Load Kills Decisions/h3> p>Every extra step (missed call, voicemail, form with no reply) friction. Systems that close the loop immediately beat better branding, better ads, and better salespeople./p> /div> !-- Principle 4 --> div classscience-card data-aosfade-up data-aos-delay250> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idlockGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00FFB8;stop-opacity:1 /> stop offset100% stylestop-color:#9d00ff;stop-opacity:1 /> /linearGradient> /defs> !-- Lock body --> rect x35 y45 width30 height35 rx3 fillnone strokeurl(#lockGrad) stroke-width2.5/> rect x37 y47 width26 height31 rx2 fillurl(#lockGrad) opacity0.2/> !-- Shackle --> path dM40 45 L40 35 Q40 25 50 25 Q60 25 60 35 L60 45 fillnone strokeurl(#lockGrad) stroke-width2.5/> !-- Keyhole --> circle cx50 cy60 r4 fillurl(#lockGrad)> animate attributeNameopacity values1;0.5;1 dur2s repeatCountindefinite/> /circle> rect x48 y60 width4 height8 fillurl(#lockGrad)> animate attributeNameopacity values1;0.5;1 dur2s repeatCountindefinite/> /rect> !-- Security shield glow --> circle cx50 cy50 r35 fillnone strokeurl(#lockGrad) stroke-width1 opacity0> animate attributeNamer values30;40;30 dur3s repeatCountindefinite/> animate attributeNameopacity values0.5;0;0.5 dur3s repeatCountindefinite/> /circle> /svg> h3>Trust Is Pattern Recognition/h3> p>A business that answers immediately, replies consistently, and looks coherent everywhere triggers subconscious trust. Trust accelerates decisions. Decisions create revenue./p> /div> !-- Principle 5 --> div classscience-card data-aosfade-up data-aos-delay300> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idrefreshGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00D4FF;stop-opacity:1 /> stop offset100% stylestop-color:#00FFB8;stop-opacity:1 /> /linearGradient> /defs> g transformrotate(0 50 50)> animateTransform attributeNametransform typerotate from0 50 50 to360 50 50 dur3s repeatCountindefinite/> !-- Circular arrow 1 --> path dM50 20 A30 30 0 1 1 20 50 fillnone strokeurl(#refreshGrad) stroke-width3 stroke-linecapround/> polygon points20,50 15,45 15,55 fillurl(#refreshGrad)/> !-- Circular arrow 2 --> path dM50 80 A30 30 0 1 1 80 50 fillnone strokeurl(#refreshGrad) stroke-width3 stroke-linecapround opacity0.7/> polygon points80,50 85,55 85,45 fillurl(#refreshGrad) opacity0.7/> /g> !-- Center pulse --> circle cx50 cy50 r8 fillurl(#refreshGrad) opacity0.5> animate attributeNamer values6;10;6 dur2s repeatCountindefinite/> animate attributeNameopacity values0.5;0.2;0.5 dur2s repeatCountindefinite/> /circle> /svg> h3>Follow-Up Compounds/h3> p>Most revenue doesnt come from first contact. It comes from systematic follow-up. Humans dont follow up consistently. Systems do. Compounding follow-up compounding revenue./p> /div> !-- Principle 6 --> div classscience-card data-aosfade-up data-aos-delay350> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idtimeGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#FF00F5;stop-opacity:1 /> stop offset100% stylestop-color:#00D4FF;stop-opacity:1 /> /linearGradient> filter idtimeGlow> feGaussianBlur stdDeviation2 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> !-- Stopwatch crown/button --> rect x47 y12 width6 height8 rx1 fillurl(#timeGrad) strokeurl(#timeGrad) stroke-width1/> circle cx50 cy12 r3 fillurl(#timeGrad)/> !-- Stopwatch body outer ring --> circle cx50 cy55 r32 fillnone strokeurl(#timeGrad) stroke-width3 filterurl(#timeGlow)/> circle cx50 cy55 r28 fillrgba(0, 0, 0, 0.3) strokeurl(#timeGrad) stroke-width1/> !-- All 12 hour markers --> line x150 y127 x250 y231 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x164.5 y131.5 x262 y234 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x174 y141 x271 y241 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x178 y155 x274 y255 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x174 y169 x271 y269 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x164.5 y178.5 x262 y276 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x150 y183 x250 y279 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x135.5 y178.5 x238 y276 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x126 y169 x229 y269 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x122 y155 x226 y255 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x126 y141 x229 y241 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> line x135.5 y131.5 x238 y234 strokeurl(#timeGrad) stroke-width2 stroke-linecapround/> !-- Progress ring segments (timer countdown feel) --> circle cx50 cy55 r36 fillnone strokeurl(#timeGrad) stroke-width1.5 stroke-dasharray8 4 opacity0.4> animateTransform attributeNametransform typerotate from0 50 55 to360 50 55 dur4s repeatCountindefinite/> /circle> !-- Second hand (fast moving) --> line x150 y155 x250 y230 stroke#FF00F5 stroke-width1.5 stroke-linecapround> animateTransform attributeNametransform typerotate from0 50 55 to360 50 55 dur2s repeatCountindefinite/> /line> !-- Minute hand (medium speed) --> line x150 y155 x250 y235 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround> animateTransform attributeNametransform typerotate from0 50 55 to360 50 55 dur6s repeatCountindefinite/> /line> !-- Hour hand (slower) --> line x150 y155 x250 y243 strokeurl(#timeGrad) stroke-width3 stroke-linecapround> animateTransform attributeNametransform typerotate from0 50 55 to360 50 55 dur12s repeatCountindefinite/> /line> !-- Center pivot --> circle cx50 cy55 r4 fillurl(#timeGrad)/> circle cx50 cy55 r2 fill#000/> !-- Speed/urgency motion lines --> g opacity0> line x183 y135 x290 y228 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x183 y145 x291 y245 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x183 y155 x292 y255 strokeurl(#timeGrad) stroke-width3 stroke-linecapround/> line x183 y165 x291 y265 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> line x183 y175 x290 y282 strokeurl(#timeGrad) stroke-width2.5 stroke-linecapround/> animate attributeNameopacity values0;0.8;0 dur1.5s repeatCountindefinite/> /g> !-- Pulsing urgency ring --> circle cx50 cy55 r32 fillnone strokeurl(#timeGrad) stroke-width1 opacity0> animate attributeNamer values32;42;32 dur2s repeatCountindefinite/> animate attributeNameopacity values0.6;0;0.6 dur2s repeatCountindefinite/> /circle> /svg> h3>Youre Selling Time Arbitrage/h3> p>Wideband monetizes the gap between how fast leads want answers and how slow businesses respond. You install infrastructure that permanently captures that delta./p> /div> !-- Principle 7 --> div classscience-card data-aosfade-up data-aos-delay400> svg classscience-icon-svg viewBox0 0 100 100 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idmoneyGrad x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00FFB8;stop-opacity:1 /> stop offset100% stylestop-color:#FFD700;stop-opacity:1 /> /linearGradient> filter idmoneyGlow> feGaussianBlur stdDeviation2 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> !-- Dollar sign --> path dM50 25 L50 75 M35 35 Q35 28 50 28 Q65 28 65 38 Q65 48 50 48 Q35 48 35 58 Q35 68 50 68 Q65 68 65 61 fillnone strokeurl(#moneyGrad) stroke-width4 stroke-linecapround filterurl(#moneyGlow)/> !-- Stacks/layers effect --> circle cx50 cy50 r38 fillnone strokeurl(#moneyGrad) stroke-width2 opacity0.3/> circle cx50 cy50 r42 fillnone strokeurl(#moneyGrad) stroke-width1.5 opacity0.2/> !-- Coin spinning effect --> ellipse cx50 cy50 rx35 ry5 fillnone strokeurl(#moneyGrad) stroke-width1.5 opacity0.4> animate attributeNamery values5;2;5 dur2s repeatCountindefinite/> /ellipse> !-- Growth arrows --> path dM75 65 L75 55 L85 55 fillnone strokeurl(#moneyGrad) stroke-width2 opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite/> /path> path dM70 70 L70 60 L80 60 fillnone strokeurl(#moneyGrad) stroke-width2 opacity0> animate attributeNameopacity values0;1;0 dur2s repeatCountindefinite begin0.5s/> /path> !-- Sparkles --> circle cx30 cy30 r2 fillurl(#moneyGrad) opacity0> animate attributeNameopacity values0;1;0 dur1.5s repeatCountindefinite/> /circle> circle cx70 cy35 r2 fillurl(#moneyGrad) opacity0> animate attributeNameopacity values0;1;0 dur1.5s repeatCountindefinite begin0.5s/> /circle> /svg> h3>Recurring Value Recurring Revenue/h3> p>Once the system is live, it keeps producing outcomes. The client keeps paying. Churn stays low because removal regression./p> /div> /div> !-- Bottom CTA --> div classscience-cta data-aosfade-up data-aos-delay450> p classgradient-text>This is why manual follow-up leaves money on the table. Every day./p> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classcta-btn cta-btn-large>Stop Losing Money — Get Set Up Now/a> /div> /div>/section>!-- How It Works -->section idhow-it-works classtransformation-title data-aosfade-up> h2>HOW IT WORKS/h2> p classhow-subtitle>You stay on jobs. We handle everything else./p>/section>section classtransformation-flow data-aoszoom-in-up> div classflow-container> div classflow-step data-aosfade-up data-aos-delay0> div classstep-number>1/div> h3>We Build It (14 Days)/h3> p>Website live. Lead capture working. Booking calendar active. Missed call response installed. You keep working. We handle the tech./p> /div> div classflow-arrow>→/div> div classflow-step data-aosfade-up data-aos-delay150> div classstep-number>2/div> h3>It Captures & Responds/h3> p>Every lead captured. Instant response (under 5 minutes). Automatic follow-up. No manual work. No missed opportunities./p> /div> div classflow-arrow>→/div> div classflow-step data-aosfade-up data-aos-delay300> div classstep-number>3/div> h3>You Get Your Life Back/h3> p>Calendar stays full. Leads get booked. System runs automatically. We maintain it. You focus on work. Evenings are yours again./p> /div> /div>/section>!-- The Promise Section -->section classpromise-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>The Iron-Clad Guarantee/h2> p classno-hype-label data-aosfade-up data-aos-delay50>You Take Zero Risk. We Take All The Risk./p> div classpromise-grid> div classpromise-column not-promise data-aosfade-up data-aos-delay100> h3>You Do NOTHING/h3> ul> li>span classx-mark>✕/span> No tech to learn or manage/li> li>span classx-mark>✕/span> No software to figure out/li> li>span classx-mark>✕/span> No long-term contracts or lock-in/li> li>span classx-mark>✕/span> No risk if it doesnt work/li> /ul> /div> div classpromise-divider data-aosfade-up data-aos-delay150>/div> div classpromise-column do-promise data-aosfade-up data-aos-delay200> h3>You GET Everything/h3> ul> li>span classcheck-mark>✓/span> Live in 14 days, fully functional/li> li>span classcheck-mark>✓/span> We build, launch, and maintain it all/li> li>span classcheck-mark>✓/span> Zero missed leads (instant capture + response)/li> li>span classcheck-mark>✓/span> Automatic follow-up (no manual work)/li> li>span classcheck-mark>✓/span> Your evenings and weekends back/li> li>span classcheck-mark>✓/span> Cancel anytime if we stop delivering/li> /ul> /div> /div> /div>/section>!-- Final CTA Section -->section classcta-section data-aoszoom-in> div classcta-box> p classcta-label>⚡ Done in 14 Days/p> h3 classcta-headline>Stop Being The Bottleneck. Start Running A Real Business./h3> p classcta-description>Live in 14 days. We build it, launch it, and maintain it. You focus on jobs. Your business captures leads, responds instantly, and books work automatically. Cancel anytime. Zero risk./p> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classcta-btn cta-btn-large>Get Set Up in 14 Days/a> p classcta-subtext> span classcta-indicator>/span> Limited spots • Every day you wait, money walks out the door /p> /div>/section>!-- Prefer to Build It Yourself -->section classdiy-section data-aosfade-up> div classglass-container diy-container> h2 classdiy-heading>Have Time to Build It Yourself?/h2> p classdiy-text>If youd rather DIY, access the platform tools and build at your own pace. No done-for-you support./p> a hrefhttps://systems.wideband.ai classcta-btn cta-btn-outline>Self-Service Option/a> /div>/section>!-- Services Link -->div classneon-highlight-section data-aoszoom-in> a hrefhttps://wideband.ai/services classneon-button> View Our Full Spectrum of Services /a>/div>!-- Book Your Call Popup -->div classbook-call-popup idbook-call-popup> div classpopup-backdrop onclickcloseBookCallPopup()>/div> div classpopup-content> button classpopup-close onclickcloseBookCallPopup() aria-labelClose> svg width24 height24 viewBox0 0 24 24 fillnone xmlnshttp://www.w3.org/2000/svg> path dM18 6L6 18M6 6L18 18 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/> /svg> /button> div classpopup-icon-wrapper> svg classpopup-icon width80 height80 viewBox0 0 80 80 fillnone xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idpopupGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#3B82F6;stop-opacity:1 /> stop offset50% stylestop-color:#8B5CF6;stop-opacity:1 /> stop offset100% stylestop-color:#60A5FA;stop-opacity:1 /> /linearGradient> filter idpopupGlow> feGaussianBlur stdDeviation4 resultcoloredBlur/> feMerge> feMergeNode incoloredBlur/> feMergeNode inSourceGraphic/> /feMerge> /filter> /defs> circle cx40 cy40 r35 fillurl(#popupGradient) opacity0.2/> circle cx40 cy40 r35 strokeurl(#popupGradient) stroke-width3 filterurl(#popupGlow)/> path dM25 40 L35 50 L55 30 strokeurl(#popupGradient) stroke-width4 stroke-linecapround stroke-linejoinround filterurl(#popupGlow)/> circle cx40 cy40 r30 fillnone strokeurl(#popupGradient) stroke-width1 opacity0.3> animate attributeNamer values30;40;30 dur3s repeatCountindefinite/> animate attributeNameopacity values0.3;0;0.3 dur3s repeatCountindefinite/> /circle> /svg> /div> h2 classpopup-title>Ready to Go to the Next Level?/h2> p classpopup-subtitle>Lets get you booked in/p> a hrefhttps://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg classpopup-cta-btn> Book Your Call Now svg width20 height20 viewBox0 0 20 20 fillnone xmlnshttp://www.w3.org/2000/svg> path dM7.5 15L12.5 10L7.5 5 strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround/> /svg> /a> p classpopup-meta>15-minute call • See how well set up your system/p> /div>/div>!-- Free Resources Section -->section idfree-resources classfree-resources-section data-aosfade-up> div classglass-container> h2 classglow-heading data-aosfade-up>Free Resources for Busy Operators/h2> p classsection-intro data-aosfade-up data-aos-delay50> Guides to help you work smarter and run your business better /p> div classresources-grid data-aosfade-up data-aos-delay100> !-- Prompting Guide --> div classresource-card featured-resource> div classresource-badge>FREE/div> div classresource-image-placeholder> svg classresource-icon-svg viewBox0 0 200 200 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idpromptGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#00f0ff;stop-opacity:1 /> stop offset100% stylestop-color:#9d00ff;stop-opacity:1 /> /linearGradient> /defs> g classprompt-icon> !-- Command prompt icon --> rect x50 y60 width100 height80 rx6 fillnone strokeurl(#promptGradient) stroke-width3 opacity0.8> animate attributeNameopacity values0.8;1;0.8 dur2s repeatCountindefinite/> /rect> !-- Prompt lines --> line x165 y180 x2105 y280 stroke#00f0ff stroke-width3 stroke-linecapround> animate attributeNamex2 values65;105;65 dur3s repeatCountindefinite/> /line> line x165 y1100 x2125 y2100 stroke#00f0ff stroke-width3 stroke-linecapround opacity0.7> animate attributeNamex2 values65;125;65 dur3s begin0.5s repeatCountindefinite/> /line> line x165 y1120 x295 y2120 stroke#9d00ff stroke-width3 stroke-linecapround opacity0.6> animate attributeNamex2 values65;95;65 dur3s begin1s repeatCountindefinite/> /line> !-- Cursor blink --> rect x110 y115 width3 height12 fill#00f0ff> animate attributeNameopacity values1;0;1 dur1s repeatCountindefinite/> /rect> /g> /svg> /div> h3>The Prompting Guide/h3> p classresource-description>Use these prompts to think clearly, reflect deeply, and execute intelligently. Beginner to expert prompts for business clarity./p> a hrefhttps://wideband.ai/prompts classcta-btn cta-btn-resource target_blank>Access Prompts Now/a> /div> !-- AI Blueprint --> div classresource-card> div classresource-badge>FREE/div> div classresource-image-placeholder> svg classresource-icon-svg viewBox0 0 200 200 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idblueprintGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#3B82F6;stop-opacity:1 /> stop offset100% stylestop-color:#60A5FA;stop-opacity:1 /> /linearGradient> /defs> g classblueprint-flow> rect x60 y50 width80 height20 fillnone strokeurl(#blueprintGradient) stroke-width2 rx4> animate attributeNamestroke-opacity values0.5;1;0.5 dur2s repeatCountindefinite/> /rect> rect x60 y90 width80 height20 fillnone strokeurl(#blueprintGradient) stroke-width2 rx4> animate attributeNamestroke-opacity values0.5;1;0.5 dur2s begin0.3s repeatCountindefinite/> /rect> rect x60 y130 width80 height20 fillnone strokeurl(#blueprintGradient) stroke-width2 rx4> animate attributeNamestroke-opacity values0.5;1;0.5 dur2s begin0.6s repeatCountindefinite/> /rect> line x1100 y170 x2100 y290 stroke#60A5FA stroke-width2> animate attributeNamestroke-dasharray values0,30;30,0 dur1.5s repeatCountindefinite/> /line> line x1100 y1110 x2100 y2130 stroke#60A5FA stroke-width2> animate attributeNamestroke-dasharray values0,30;30,0 dur1.5s begin0.3s repeatCountindefinite/> /line> /g> /svg> /div> h3>The AI Business Blueprint/h3> p classresource-description>7 principles to build with AI, not be replaced by it. Your field guide and alignment checklist before automating anything./p> a hrefhttps://wideband.ai/blueprint classcta-btn cta-btn-resource target_blank>Access Blueprint Now/a> /div> !-- Revenue Calculator --> div classresource-card> div classresource-badge>FREE/div> div classresource-image-placeholder> svg classresource-icon-svg viewBox0 0 200 200 xmlnshttp://www.w3.org/2000/svg> defs> linearGradient idcalculatorGradient x10% y10% x2100% y2100%> stop offset0% stylestop-color:#60A5FA;stop-opacity:1 /> stop offset100% stylestop-color:#8B5CF6;stop-opacity:1 /> /linearGradient> /defs> g classcalculator-icon> !-- Calculator body --> rect x50 y40 width100 height120 rx8 fillurl(#calculatorGradient) opacity0.2/> rect x50 y40 width100 height120 rx8 strokeurl(#calculatorGradient) stroke-width3/> !-- Screen --> rect x60 y50 width80 height25 rx3 fillrgba(0, 0, 0, 0.3) strokeurl(#calculatorGradient) stroke-width2/> !-- Screen numbers --> text x140 y70 font-familymonospace font-size16 font-weightbold fillurl(#calculatorGradient) text-anchorend>$12,450/text> !-- Buttons grid --> circle cx70 cy95 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s repeatCountindefinite/> /circle> circle cx100 cy95 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s begin0.2s repeatCountindefinite/> /circle> circle cx130 cy95 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s begin0.4s repeatCountindefinite/> /circle> circle cx70 cy120 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s begin0.6s repeatCountindefinite/> /circle> circle cx100 cy120 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s begin0.8s repeatCountindefinite/> /circle> circle cx130 cy120 r8 fillurl(#calculatorGradient) opacity0.3> animate attributeNameopacity values0.3;0.6;0.3 dur2s begin1s repeatCountindefinite/> /circle> !-- Plus sign on last button --> line x1125 y1145 x2135 y2145 strokeurl(#calculatorGradient) stroke-width2 stroke-linecapround/> line x1130 y1140 x2130 y2150 strokeurl(#calculatorGradient) stroke-width2 stroke-linecapround/> /g> /svg> /div> h3>Revenue Loss Calculator/h3> p classresource-description>Calculate how much money youre losing from missed calls and slow response times. See the real cost of being the bottleneck./p> a hrefhttps://wideband.ai/calculator classcta-btn cta-btn-resource target_blank>Calculate Your Loss/a> /div> /div> /div>/section>!-- Styles -->style> :root { --cyan: #00f0ff; --purple: #9d00ff; --dark: #0a0a0f; --glass-bg: rgba(0, 0, 0, 0.55); --glass-border: rgba(0, 255, 255, 0.15); } html { scroll-behavior: smooth; } body { margin: 0; font-family: Orbitron, sans-serif; color: #fff; background-color: #000; } #bg-video { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -1; pointer-events: none; opacity: 1; } /* Navigation */ .corner-logo { width: 40px; height: 40px; object-fit: contain; display: block; margin-right: 1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.3)); flex-shrink: 0; } .corner-logo:hover { transform: scale(1.05) rotate(5deg); filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.6)); } .nav-left { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; } /* Make the left Login pill sit nicely beside the logo */ .nav-link.nav-contact-btn { font-size: 0.75rem; padding: 0.4rem 0.9rem; } .nav-link.nav-login.nav-login-left { font-size: 0.75rem; letter-spacing: 0.5px; padding: 0.4rem 0.9rem; } .nav-bar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; background: rgba(10, 10, 15, 0.4); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 100vw; z-index: 1000; border-bottom: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: visible; min-height: 60px; box-sizing: border-box; } /* Enhanced floating effect when scrolled */ .nav-bar.scrolled { background: rgba(10, 10, 15, 0.7); backdrop-filter: blur(25px) saturate(200%); -webkit-backdrop-filter: blur(25px) saturate(200%); padding: 0.75rem 1.5rem; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 80px rgba(0, 240, 255, 0.08); border-bottom: 1px solid rgba(0, 240, 255, 0.15); } /* Floating inner container for extra glass effect */ .nav-bar::before { content: ; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(0, 240, 255, 0.03) 0%, rgba(255, 0, 255, 0.02) 100% ); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: -1; } .nav-bar.scrolled::before { opacity: 1; } /* Subtle shimmer effect that scans across navbar */ .nav-bar::after { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(0, 240, 255, 0.1) 50%, transparent 100% ); pointer-events: none; animation: shimmer 8s ease-in-out infinite; animation-delay: 2s; z-index: -1; } @keyframes shimmer { 0% { left: -100%; } 20% { left: 100%; } 100% { left: 100%; } } /* Add top padding to body to compensate for fixed navbar */ body { padding-top: 80px; } .menu-toggle { display: none; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; position: relative; margin-left: auto; z-index: 1001; padding: 0.5rem; border-radius: 8px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; width: 40px; height: 40px; flex-shrink: 0; box-sizing: border-box; } .menu-toggle:hover { background: rgba(0, 240, 255, 0.1); border-color: rgba(0, 240, 255, 0.3); } .menu-toggle .bar { width: 22px; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(0, 240, 255, 0.8)); margin: 3px 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; display: block; } .menu-toggle.open .bar:nth-child(1) { transform: rotate(-45deg) translate(-5px, 6px); background: linear-gradient(90deg, rgba(0, 240, 255, 0.9), rgba(255, 0, 255, 0.8)); } .menu-toggle.open .bar:nth-child(2) { opacity: 0; transform: translateX(20px); } .menu-toggle.open .bar:nth-child(3) { transform: rotate(45deg) translate(-5px, -6px); background: linear-gradient(90deg, rgba(0, 240, 255, 0.9), rgba(255, 0, 255, 0.8)); } .nav-links { display: flex; flex-wrap: nowrap; gap: 1.25rem; justify-content: center; align-items: center; overflow-x: auto; overflow-y: hidden; flex: 1; min-width: 0; padding: 0 1rem; /* Hide scrollbar but keep functionality */ scrollbar-width: none; -ms-overflow-style: none; position: relative; } .nav-links::-webkit-scrollbar { display: none; } .nav-link { color: rgba(255, 255, 255, 0.9); text-decoration: none; position: relative; font-size: 0.85rem; letter-spacing: 0.5px; padding: 0.5rem 0.75rem; border-radius: 8px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; flex-shrink: 0; } .nav-link::before { content: ; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(255, 0, 255, 0.05)); border-radius: 8px; opacity: 0; transition: opacity 0.3s ease; } .nav-link:hover::before { opacity: 1; } .nav-link::after { content: ; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--purple)); transition: width 0.3s ease; border-radius: 2px; } .nav-link:hover { color: white; transform: translateY(-2px); } .nav-link:hover::after { width: 70%; } /* Contact form button */ .nav-link.nav-contact-btn { padding: 0.5rem 1.25rem; border: 1px solid rgba(168, 85, 247, 0.5); border-radius: 999px; background: linear-gradient( 135deg, rgba(168, 85, 247, 0.2) 0%, rgba(59, 130, 246, 0.15) 50%, rgba(168, 85, 247, 0.2) 100% ); color: #C084FC; font-weight: 600; backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(168, 85, 247, 0.2); } .nav-link.nav-contact-btn:hover { background: linear-gradient( 135deg, rgba(168, 85, 247, 0.3) 0%, rgba(59, 130, 246, 0.25) 50%, rgba(168, 85, 247, 0.3) 100% ); border-color: rgba(168, 85, 247, 0.7); box-shadow: 0 6px 25px rgba(168, 85, 247, 0.35); transform: translateY(-2px); color: #E9D5FF; } .nav-link.nav-contact-btn:hover::after { width: 0; } /* Emphasized Login link */ .nav-link.nav-login { padding: 0.5rem 1.25rem; border: 1px solid rgba(0, 240, 255, 0.4); border-radius: 999px; background: linear-gradient( 135deg, rgba(0, 240, 255, 0.12) 0%, rgba(0, 200, 255, 0.08) 100% ); backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(0, 240, 255, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.1); position: relative; overflow: hidden; } .nav-link.nav-login::before { opacity: 0; background: linear-gradient(135deg, rgba(0, 240, 255, 0.25), rgba(255, 0, 255, 0.15)); } .nav-link.nav-login:hover { background: linear-gradient( 135deg, rgba(0, 240, 255, 0.25) 0%, rgba(0, 220, 255, 0.18) 100% ); border-color: rgba(0, 240, 255, 0.6); box-shadow: 0 6px 25px rgba(0, 240, 255, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2); transform: translateY(-2px); } .nav-link.nav-login:hover::after { width: 0; } /* Hero Section */ .hero { max-width: 900px; margin: auto; padding: 6rem 1.5rem 4rem; text-align: center; } .hero-badge { display: inline-block; padding: 0.5rem 1.25rem; background: rgba(0, 240, 255, 0.1); border: 1px solid var(--cyan); border-radius: 50px; font-size: 0.75rem; letter-spacing: 2px; color: var(--cyan); margin-bottom: 2rem; animation: pulse-border 2s infinite; } @keyframes pulse-border { 0%, 100% { box-shadow: 0 0 5px rgba(0, 240, 255, 0.3); } 50% { box-shadow: 0 0 20px rgba(0, 240, 255, 0.6); } } .hero h1 { font-size: 2.8rem; font-weight: 600; line-height: 1.2; margin-bottom: 1.5rem; } .gradient-text-hero { background: linear-gradient(135deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .hero-subtext { font-family: Space Mono, monospace; font-size: 1rem; line-height: 1.7; color: rgba(255, 255, 255, 0.85); max-width: 700px; margin: 0 auto 2rem; } .hero-cta-group { display: inline-flex; gap: 0.9rem; flex-wrap: wrap; justify-content: center; align-items: center; } .hero-urgency { font-family: Space Mono, monospace; font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .hero-phone { margin-top: 2rem; display: flex; justify-content: center; align-items: center; } .hero-phone-wrapper { display: inline-block; padding: 2px; border-radius: 50px; background: linear-gradient( 135deg, #4F46E5, #6366F1, #4F46E5 ); background-size: 200% 200%; animation: gradient-shift 3s ease infinite; box-shadow: 0 0 20px rgba(79, 70, 229, 0.4), 0 0 40px rgba(99, 102, 241, 0.3); } .hero-phone-link { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.5rem; background: rgba(79, 70, 229, 0.15); border-radius: 50px; color: #818CF8; text-decoration: none; font-family: Orbitron, sans-serif; font-size: 1rem; font-weight: 600; transition: all 0.3s ease; backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(79, 70, 229, 0.2); } .hero-phone-wrapper:hover { animation: gradient-shift 1.5s ease infinite; box-shadow: 0 0 25px rgba(79, 70, 229, 0.6), 0 0 50px rgba(99, 102, 241, 0.4); } .hero-phone-link:hover { background: rgba(79, 70, 229, 0.25); transform: translateY(-2px); color: #fff; box-shadow: 0 6px 30px rgba(79, 70, 229, 0.4); } .hero-phone-icon { width: 20px; height: 20px; display: inline-block; animation: pulse-phone 2s infinite ease-in-out; flex-shrink: 0; color: #818CF8; } .hero-phone-number { letter-spacing: 0.5px; } @keyframes pulse-phone { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .urgency-dot { width: 8px; height: 8px; background: #ff6b6b; border-radius: 50%; display: inline-block; animation: pulse-dot 2s infinite; } @keyframes pulse-dot { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7); } 50% { opacity: 0.8; box-shadow: 0 0 0 6px rgba(255, 107, 107, 0); } } .cta-btn-outline { background: transparent; color: var(--cyan); border: 1px solid rgba(0, 240, 255, 0.7); box-shadow: 0 0 12px rgba(0, 240, 255, 0.2); } .cta-btn-outline:hover { transform: translateY(-3px); box-shadow: 0 0 25px rgba(157, 0, 255, 0.55); } .cta-btn-apply { background: linear-gradient(135deg, #3B82F6, #60A5FA); color: #fff; border: none; box-shadow: 0 0 20px rgba(59, 130, 246, 0.5), 0 0 40px rgba(59, 130, 246, 0.3); } .cta-btn-apply:hover { transform: translateY(-3px); box-shadow: 0 0 30px rgba(59, 130, 246, 0.7), 0 0 60px rgba(59, 130, 246, 0.5); } /* Sections */ section { max-width: 1000px; margin: auto; padding: 4rem 1rem; text-align: center; } .glass-container { background: var(--glass-bg); border: 1px solid var(--glass-border); box-shadow: 0 0 25px rgba(0, 255, 255, 0.1); border-radius: 20px; padding: 3rem 2rem; backdrop-filter: blur(12px); } .glass-container.dark-variant { background: rgba(15, 0, 20, 0.7); border-color: rgba(157, 0, 255, 0.2); } .glow-heading { font-size: 2rem; margin-bottom: 1.5rem; background: linear-gradient(90deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .gradient-text { background: linear-gradient(135deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } /* What This Is Section */ .what-this-is { padding-top: 2rem; } .section-intro { font-family: Space Mono, monospace; font-size: 1.1rem; line-height: 1.6; color: rgba(255, 255, 255, 0.9); max-width: 700px; margin: 0 auto 2.5rem; } /* Pricing Section */ .pricing-section { padding: 4rem 1rem; background: linear-gradient(180deg, rgba(59, 130, 246, 0.05), transparent); } .pricing-container { max-width: 900px; margin: 0 auto; } .pricing-badge { display: inline-block; padding: 0.6rem 1.5rem; background: linear-gradient(135deg, #3B82F6, #60A5FA); color: #fff; font-size: 0.9rem; font-weight: bold; letter-spacing: 1.5px; border-radius: 50px; margin-bottom: 1.5rem; box-shadow: 0 0 20px rgba(59, 130, 246, 0.4); } .pricing-value { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 2rem 0; } .pricing-includes { background: rgba(0, 240, 255, 0.05); border: 1px solid rgba(0, 240, 255, 0.2); border-radius: 12px; padding: 2rem; text-align: left; } .pricing-includes h3 { font-size: 1.2rem; color: var(--cyan); margin-bottom: 1.5rem; } .pricing-includes ul { list-style: none; padding: 0; margin: 0; } .pricing-includes li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-family: Space Mono, monospace; font-size: 0.9rem; line-height: 1.5; } .check-icon { color: #60A5FA; font-size: 1.1rem; flex-shrink: 0; text-shadow: 0 0 8px rgba(96, 165, 250, 0.5); } .pricing-model { background: rgba(157, 0, 255, 0.05); border: 1px solid rgba(157, 0, 255, 0.2); border-radius: 12px; padding: 2rem; text-align: left; display: flex; flex-direction: column; justify-content: center; } .pricing-model h3 { font-size: 1.2rem; color: var(--purple); margin-bottom: 1rem; } .pricing-model p { font-family: Space Mono, monospace; font-size: 0.9rem; line-height: 1.7; margin-bottom: 0.75rem; color: rgba(255, 255, 255, 0.85); } .model-emphasis { font-size: 1rem !important; font-weight: 600; padding: 1rem; background: rgba(59, 130, 246, 0.1); border-radius: 8px; border-left: 3px solid #60A5FA; margin: 1rem 0 !important; } .pricing-cta { text-align: center; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(0, 255, 255, 0.1); } /* Choose Your Path Section */ .choose-path-section { padding: 4rem 1rem; } .path-options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; max-width: 1100px; margin-left: auto; margin-right: auto; } .path-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 16px; padding: 2rem 1.5rem; text-align: center; transition: all 0.3s ease; position: relative; display: flex; flex-direction: column; align-items: center; } .path-card:hover { transform: translateY(-5px); border-color: var(--cyan); box-shadow: 0 10px 40px rgba(0, 240, 255, 0.2); } .path-card-primary { border-color: rgba(59, 130, 246, 0.5); background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(96, 165, 250, 0.05)); box-shadow: 0 0 30px rgba(59, 130, 246, 0.15); } .path-card-primary:hover { border-color: rgba(59, 130, 246, 0.8); box-shadow: 0 10px 50px rgba(59, 130, 246, 0.3); } .path-icon-wrapper { margin-bottom: 1.5rem; position: relative; } .path-icon { width: 64px; height: 64px; filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.4)); animation: float-icon 3s ease-in-out infinite; } .path-card:nth-child(2) .path-icon { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.4)); animation-delay: 0.5s; } .path-card:nth-child(3) .path-icon { filter: drop-shadow(0 0 10px rgba(96, 165, 250, 0.4)); animation-delay: 1s; } .path-card h3 { font-size: 1.3rem; margin-bottom: 0.75rem; color: var(--cyan); font-weight: 600; } .path-card-primary h3 { color: #60A5FA; } .path-description { font-family: Space Mono, monospace; font-size: 0.9rem; line-height: 1.6; color: rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem; flex: 1; } .path-cta { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.75rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; margin-bottom: 1rem; } .path-cta-primary { background: linear-gradient(135deg, #3B82F6, #60A5FA); color: #fff; box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4); } .path-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 30px rgba(59, 130, 246, 0.6); } .path-cta-secondary { background: linear-gradient(135deg, #8B5CF6, #A78BFA); color: #fff; box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4); border: none; } .path-cta-secondary:hover { transform: translateY(-2px); box-shadow: 0 6px 30px rgba(139, 92, 246, 0.6); color: #fff; } .path-cta-ai { background: linear-gradient(135deg, #8B5CF6, #A78BFA); box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4); } .path-cta-ai:hover { box-shadow: 0 6px 30px rgba(139, 92, 246, 0.6); } .path-cta-form { background: linear-gradient(135deg, #60A5FA, #8B5CF6); box-shadow: 0 4px 20px rgba(96, 165, 250, 0.4); } .path-cta-form:hover { box-shadow: 0 6px 30px rgba(96, 165, 250, 0.6); } .path-meta { font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); font-style: italic; margin: 0; } .bonus-notice-wrapper { display: inline-block; padding: 2px; border-radius: 16px; background: linear-gradient(135deg, #3B82F6, #8B5CF6, #3B82F6); background-size: 200% 200%; animation: gradient-shift 3s ease infinite; margin-bottom: 1.5rem; box-shadow: 0 0 30px rgba(59, 130, 246, 0.4), 0 0 60px rgba(139, 92, 246, 0.3); } .bonus-notice { display: flex; flex-direction: column; align-items: center; gap: 1rem; background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15)); border-radius: 14px; padding: 2rem 2rem; font-family: Space Mono, monospace; font-size: 0.9rem; text-align: center; color: rgba(255, 255, 255, 0.95); position: relative; overflow: hidden; box-shadow: inset 0 0 30px rgba(59, 130, 246, 0.1); } .bonus-notice::before { content: ; position: absolute; inset: -50%; width: 200%; height: 200%; background: conic-gradient( from 0deg, transparent, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1), transparent ); animation: rotate-shine 4s linear infinite; z-index: -1; } .bonus-icon { width: 64px; height: 64px; margin-bottom: 0.5rem; filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.5)); animation: float-icon 3s ease-in-out infinite; } @keyframes rotate-shine { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes float-icon { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-8px) scale(1.05); } } .bonus-notice p { margin: 0; line-height: 1.6; } .bonus-notice .cta-btn-large { margin-top: 1rem; } .bonus-notice .urgency-text { margin-top: 1rem; margin-bottom: 0; } .urgency-text { font-family: Space Mono, monospace; font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .urgency-dot-inline { width: 6px; height: 6px; background: #ff6b6b; border-radius: 50%; display: inline-block; animation: pulse-dot 2s infinite; } /* Free Resources Section */ .free-resources-section { padding: 4rem 1rem; overflow: hidden; } .free-resources-section .glass-container { overflow: visible; } .resources-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; max-width: 900px; margin: 0 auto; padding: 0 1rem; } .resource-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 16px; padding: 2rem 1.5rem; text-align: center; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; min-height: 500px; overflow: hidden; } .resource-card:hover { transform: translateY(-5px); box-shadow: 0 0 30px rgba(0, 255, 255, 0.2); } .resource-card.featured-resource { border-color: rgba(59, 130, 246, 0.5); box-shadow: 0 0 20px rgba(59, 130, 246, 0.2); } .resource-badge { position: absolute; top: 1rem; right: 1rem; background: linear-gradient(135deg, #3B82F6, #60A5FA); color: #fff; font-size: 0.75rem; font-weight: bold; padding: 0.4rem 0.8rem; border-radius: 20px; letter-spacing: 0.5px; } .resource-badge.price-badge { background: linear-gradient(135deg, var(--cyan), var(--purple)); } .resource-image-placeholder { width: 100%; max-width: 100%; height: 180px; background: rgba(0, 240, 255, 0.05); border: 1px solid rgba(0, 240, 255, 0.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; overflow: hidden; } .resource-icon { font-size: 4rem; } .resource-icon-svg { width: 100px; height: 100px; filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.4)); } .prompt-icon { transform-origin: center; } .blueprint-flow { transform-origin: center; } .resource-image { width: 100%; height: 200px; margin-bottom: 1.5rem; border-radius: 12px; overflow: hidden; } .resource-image img { width: 100%; height: 100%; object-fit: cover; } .resource-card h3 { font-size: 1.15rem; margin-bottom: 1rem; color: var(--cyan); line-height: 1.3; padding: 0 0.5rem; } .resource-description { font-family: Space Mono, monospace; font-size: 0.85rem; line-height: 1.6; color: rgba(255, 255, 255, 0.7); margin-bottom: 1.5rem; flex: 1; min-height: 60px; } .cta-btn-resource { width: calc(100% - 1rem); max-width: 100%; padding: 0.85rem 1rem; font-size: 0.85rem; margin: 0 auto; margin-top: auto; display: block; box-sizing: border-box; } .not-this-grid { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; } .not-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 80, 80, 0.3); padding: 1.25rem 1.5rem; border-radius: 12px; min-width: 200px; } .not-card .not-icon { color: #ff5050; font-size: 1.5rem; margin-bottom: 0.5rem; } .not-card p { margin: 0; font-size: 0.9rem; } .is-card { background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(157, 0, 255, 0.1)); border: 1px solid var(--cyan); padding: 1.5rem 2rem; border-radius: 14px; max-width: 500px; margin: 0 auto; box-shadow: 0 0 30px rgba(0, 240, 255, 0.15); } .is-card .is-icon { color: var(--cyan); font-size: 1.5rem; margin-bottom: 0.5rem; } .is-card p { margin: 0; font-size: 1rem; line-height: 1.5; } /* ICP Section */ .icp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-bottom: 2rem; } .icp-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 255, 0.15); padding: 1.25rem; border-radius: 12px; text-align: left; display: flex; gap: 1rem; align-items: flex-start; transition: all 0.3s ease; } .icp-card:hover { border-color: var(--cyan); box-shadow: 0 0 15px rgba(0, 255, 255, 0.2); transform: translateY(-2px); } .icp-check { color: var(--cyan); font-size: 1.2rem; flex-shrink: 0; text-shadow: 0 0 10px var(--cyan); } .icp-card p { margin: 0; font-size: 0.9rem; line-height: 1.5; } .icp-tagline { margin-top: 2rem; font-size: 1.1rem; } .icp-tagline p { margin: 0.5rem 0; } /* Not For Section */ .warning-heading { font-size: 2rem; color: #ff6b6b; margin-bottom: 0.5rem; } .filter-label { font-size: 0.8rem; color: rgba(255, 107, 107, 0.7); letter-spacing: 1px; margin-bottom: 2rem; } .not-for-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-bottom: 2rem; } .not-for-card { background: rgba(255, 50, 50, 0.05); border: 1px solid rgba(255, 80, 80, 0.2); padding: 1.25rem; border-radius: 12px; text-align: left; display: flex; gap: 1rem; align-items: flex-start; } .not-for-x { color: #ff5050; font-size: 1.2rem; flex-shrink: 0; } .not-for-card p { margin: 0; font-size: 0.9rem; line-height: 1.5; } .warning-tagline { margin-top: 2rem; font-family: Space Mono, monospace; } .warning-tagline p { margin: 0.5rem 0; font-size: 0.95rem; color: rgba(255, 255, 255, 0.7); } .warning-tagline .intentional { color: var(--cyan); font-weight: bold; } /* What You Get */ .what-you-get { padding: 4rem 1rem; } .section-title { margin-bottom: 1rem; } .framework-subtitle { font-family: Space Mono, monospace; font-size: 1rem; color: rgba(255, 255, 255, 0.7); max-width: 700px; margin: 0 auto 3rem; text-align: center; } /* Testimonials Section */ .testimonials-section { padding: 4rem 1rem; } .testimonials-carousel-wrapper { position: relative; margin-bottom: 3rem; } .testimonials-carousel { position: relative; overflow: hidden; min-height: 300px; } .testimonial-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 255, 0.15); border-radius: 12px; padding: 1.5rem; text-align: left; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateX(30px); position: absolute; top: 0; left: 0; right: 0; width: 100%; pointer-events: none; } .testimonial-card.active { opacity: 1; transform: translateX(0); position: relative; pointer-events: auto; } .testimonial-card:hover { border-color: var(--cyan); box-shadow: 0 0 15px rgba(0, 255, 255, 0.2); } .testimonials-dots { display: flex; justify-content: center; align-items: center; gap: 0.75rem; margin-top: 2rem; flex-wrap: wrap; } .testimonials-dots .dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; } .testimonials-dots .dot:hover { background: rgba(0, 255, 255, 0.4); transform: scale(1.2); } .testimonials-dots .dot.active { background: linear-gradient(135deg, var(--cyan), var(--purple)); box-shadow: 0 0 10px rgba(0, 255, 255, 0.5); transform: scale(1.3); } .testimonial-stars { color: #ffd700; font-size: 0.9rem; margin-bottom: 1rem; letter-spacing: 2px; } .testimonial-quote { font-family: Space Mono, monospace; font-size: 0.9rem; line-height: 1.6; color: rgba(255, 255, 255, 0.85); margin-bottom: 1.5rem; font-style: italic; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .author-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--purple)); display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.85rem; color: #000; flex-shrink: 0; } .author-info { flex: 1; } .author-name { font-size: 0.95rem; font-weight: 600; color: #fff; margin-bottom: 0.25rem; } .author-title { font-size: 0.8rem; color: rgba(255, 255, 255, 0.6); } .testimonials-cta { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(0, 255, 255, 0.1); } .testimonials-cta h3 { font-size: 1.5rem; margin-bottom: 0.5rem; color: var(--cyan); } .testimonials-cta p { font-family: Space Mono, monospace; font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 1.5rem; } .cta-bonus-reminder { font-size: 0.85rem !important; color: #ffd700 !important; margin-top: 1rem !important; font-weight: 600; } .offering-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto; } .offering-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 16px; padding: 2rem; text-align: left; position: relative; transition: all 0.3s ease; } .offering-card:hover { transform: translateY(-5px); box-shadow: 0 0 30px rgba(0, 255, 255, 0.2); } .offering-card.featured { border-color: var(--cyan); box-shadow: 0 0 20px rgba(0, 255, 255, 0.15); } .offering-number { font-size: 3rem; font-weight: 700; background: linear-gradient(135deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.3; position: absolute; top: 1rem; right: 1.5rem; } .offering-card h3 { font-size: 1.3rem; margin-bottom: 0.25rem; color: var(--cyan); } .offering-subtitle { font-size: 0.85rem; color: rgba(255, 255, 255, 0.5); margin-bottom: 1.5rem; letter-spacing: 0.5px; } .offering-content p { font-family: Space Mono, monospace; font-size: 0.85rem; line-height: 1.5; margin-bottom: 1rem; } .offering-content ul { list-style: none; padding: 0; margin: 0 0 1.5rem 0; } .offering-content li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; font-size: 0.85rem; color: rgba(255, 255, 255, 0.8); } .offering-content li::before { content: ›; position: absolute; left: 0; color: var(--cyan); font-weight: bold; } .offering-highlight { background: rgba(0, 240, 255, 0.05); border-left: 3px solid var(--cyan); padding: 1rem; margin-top: 1rem; border-radius: 0 8px 8px 0; } .offering-highlight p { margin: 0; font-size: 0.9rem; line-height: 1.5; } /* How It Works */ .transformation-title h2 { font-size: 2rem; background: linear-gradient(90deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 5px rgba(0, 255, 255, 0.6), 0 0 10px rgba(0, 255, 255, 0.4), 0 0 20px rgba(157, 0, 255, 0.3), 0 0 40px rgba(157, 0, 255, 0.2); letter-spacing: 1px; margin-bottom: 0.5rem; animation: pulseGlow 3s ease-in-out infinite; } .how-subtitle { font-family: Space Mono, monospace; font-size: 0.9rem; color: rgba(255, 255, 255, 0.6); margin-top: 0; } @keyframes pulseGlow { 0%, 100% { text-shadow: 0 0 5px rgba(0, 255, 255, 0.6), 0 0 10px rgba(0, 255, 255, 0.4), 0 0 20px rgba(157, 0, 255, 0.3), 0 0 40px rgba(157, 0, 255, 0.2); } 50% { text-shadow: 0 0 10px rgba(0, 255, 255, 0.9), 0 0 20px rgba(0, 255, 255, 0.7), 0 0 30px rgba(157, 0, 255, 0.5), 0 0 60px rgba(157, 0, 255, 0.4); } } .transformation-flow { padding: 3rem 1rem; display: flex; justify-content: center; align-items: center; } .flow-container { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(0, 255, 255, 0.2); padding: 2rem; border-radius: 20px; box-shadow: 0 0 30px rgba(0, 255, 255, 0.2); animation: glowFadeIn 2s ease forwards; } .flow-step { background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 255, 255, 0.3); border-radius: 12px; padding: 1.5rem; width: 180px; box-shadow: 0 0 15px rgba(0,255,255,0.1); text-align: center; position: relative; } .flow-step h3 { font-size: 1rem; margin: 0.5rem 0; color: #fff; } .flow-step p { font-family: Space Mono, monospace; font-size: 0.75rem; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.4; } .step-number { font-size: 1.2rem; background: linear-gradient(135deg, var(--cyan), var(--purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; margin-bottom: 0.5rem; } .flow-arrow { font-size: 2rem; color: var(--cyan); font-weight: bold; text-shadow: 0 0 8px var(--cyan); } @keyframes glowFadeIn { 0% { opacity: 0; box-shadow: 0 0 0 rgba(0, 255, 255, 0.0); } 100% { opacity: 1; box-shadow: 0 0 30px rgba(0, 255, 255, 0.2); } } /* Promise Section */ .no-hype-label { font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; margin-bottom: 2rem; margin-top: -0.5rem; } .promise-grid { display: flex; gap: 2rem; justify-content: center; align-items: stretch; flex-wrap: wrap; } .promise-column { flex: 1; min-width: 250px; max-width: 350px; text-align: left; } .promise-column h3 { font-size: 1.1rem; margin-bottom: 1.5rem; letter-spacing: 0.5px; } .not-promise h3 { color: rgba(255, 255, 255, 0.5); } .do-promise h3 { color: var(--cyan); } .promise-column ul { list-style: none; padding: 0; margin: 0; } .promise-column li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; font-size: 0.95rem; } .x-mark { color: rgba(255, 80, 80, 0.5); font-size: 1rem; } .check-mark { color: var(--cyan); font-size: 1rem; text-shadow: 0 0 8px var(--cyan); } .not-promise li { color: rgba(255, 255, 255, 0.4); } .do-promise li { color: rgba(255, 255, 255, 0.9); } .promise-divider { width: 1px; background: linear-gradient(to bottom, transparent, var(--cyan), transparent); } /* Science Section */ .science-section { padding: 5rem 1rem; background: linear-gradient(135deg, rgba(0, 212, 255, 0.03) 0%, rgba(157, 0, 255, 0.03) 100%); } .science-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .science-card { background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 240, 255, 0.2); border-radius: 16px; padding: 2rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .science-card::before { content: ; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, var(--cyan), var(--purple)); border-radius: 16px; opacity: 0; transition: opacity 0.3s ease; z-index: -1; filter: blur(8px); } .science-card:hover { transform: translateY(-5px); border-color: var(--cyan); box-shadow: 0 10px 40px rgba(0, 240, 255, 0.2); } .science-card:hover::before { opacity: 0.3; } .science-icon { font-size: 2.5rem; margin-bottom: 1rem; display: inline-block; animation: float 3s ease-in-out infinite; } .science-icon-svg { width: 80px; height: 80px; margin-bottom: 1rem; display: inline-block; animation: float 3s ease-in-out infinite; filter: drop-shadow(0 0 10px rgba(0, 255, 184, 0.3)); } .science-card h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; color: var(--cyan); letter-spacing: 0.5px; } .science-card p { font-family: Space Mono, monospace; font-size: 0.9rem; line-height: 1.7; color: rgba(255, 255, 255, 0.8); margin: 0; } .science-cta { text-align: center; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid rgba(0, 240, 255, 0.2); } .science-cta p { font-size: 1.2rem; margin-bottom: 2rem; font-weight: 600; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* CTA Section */ .cta-section { padding: 4rem 1rem; } .cta-box { background: linear-gradient(135deg, rgba(0, 240, 255, 0.08), rgba(157, 0, 255, 0.08)); border: 1px solid var(--cyan); border-radius: 20px; padding: 3rem 2rem; box-shadow: 0 0 40px rgba(0, 255, 255, 0.15); } .cta-label { font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); letter-spacing: 1px; margin-bottom: 1rem; } .cta-headline { font-size: 1.8rem; margin-bottom: 1rem; background: linear-gradient(90deg, #fff, var(--cyan)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .cta-description { font-family: Space Mono, monospace; font-size: 0.95rem; line-height: 1.6; color: rgba(255, 255, 255, 0.8); max-width: 600px; margin: 0 auto 1.5rem; } .cta-btn { padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--cyan), var(--purple)); border: none; color: black; font-weight: bold; font-family: Orbitron, sans-serif; border-radius: 5px; cursor: pointer; box-shadow: 0 0 12px var(--cyan); text-decoration: none; display: inline-block; transition: transform 0.3s ease, box-shadow 0.3s ease; } .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 0 25px var(--purple); } .cta-btn-large { padding: 1rem 2.5rem; font-size: 1rem; letter-spacing: 0.5px; } .cta-subtext { font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .cta-indicator { display: inline-block; width: 8px; height: 8px; background: var(--purple); border-radius: 50%; box-shadow: 0 0 6px var(--purple); animation: pulse-indicator 2.5s infinite ease-in-out; } @keyframes pulse-indicator { 0%, 100% { opacity: 0.6; transform: scale(1); } 50% { opacity: 1; transform: scale(1.2); } } /* DIY Section */ .diy-section { padding: 3rem 1rem; } .diy-container { max-width: 600px; margin: 0 auto; text-align: center; } .diy-heading { font-size: 1.5rem; margin-bottom: 1rem; color: #fff; } .diy-text { font-family: Space Mono, monospace; font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 1.5rem; line-height: 1.6; } /* Neon Button Section */ .neon-highlight-section { text-align: center; padding: 2rem 1rem 4rem; } .neon-button { display: inline-block; padding: 1rem 2rem; border: 1px solid var(--cyan); color: var(--cyan); text-decoration: none; font-size: 0.9rem; letter-spacing: 1px; border-radius: 50px; transition: all 0.3s ease; } .neon-button:hover { background: var(--cyan); color: #000; box-shadow: 0 0 20px var(--cyan); } /* Book Your Call Popup */ .book-call-popup { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } .book-call-popup.show { opacity: 1; visibility: visible; pointer-events: auto; } .popup-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .popup-content { position: relative; background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2)); border: 2px solid rgba(59, 130, 246, 0.5); border-radius: 24px; padding: 3rem 2.5rem; max-width: 500px; width: 90%; text-align: center; box-shadow: 0 0 60px rgba(59, 130, 246, 0.4), 0 0 100px rgba(139, 92, 246, 0.3), inset 0 0 40px rgba(59, 130, 246, 0.1); transform: scale(0.9) translateY(20px); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .book-call-popup.show .popup-content { transform: scale(1) translateY(0); border-color: rgba(96, 165, 250, 0.8); box-shadow: 0 0 80px rgba(59, 130, 246, 0.6), 0 0 120px rgba(139, 92, 246, 0.4), inset 0 0 50px rgba(59, 130, 246, 0.15); } .popup-content::before { content: ; position: absolute; inset: -3px; border-radius: 24px; background: linear-gradient(135deg, #3B82F6, #8B5CF6, #60A5FA); background-size: 200% 200%; z-index: -1; animation: gradient-shift 3s ease infinite; filter: blur(15px); opacity: 0.7; } .popup-close { position: absolute; top: 1rem; right: 1rem; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; backdrop-filter: blur(10px); } .popup-close:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); color: #fff; transform: rotate(90deg); } .popup-icon-wrapper { margin-bottom: 1.5rem; display: flex; justify-content: center; } .popup-icon { filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.6)); animation: float-icon 3s ease-in-out infinite; } .popup-title { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; background: linear-gradient(135deg, #60A5FA, #C084FC); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.2; } .popup-subtitle { font-family: Space Mono, monospace; font-size: 1.1rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; } .popup-cta-btn { display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2.5rem; background: linear-gradient(135deg, #3B82F6, #8B5CF6); color: #fff; font-weight: 700; font-size: 1.1rem; border-radius: 50px; text-decoration: none; box-shadow: 0 0 30px rgba(59, 130, 246, 0.5), 0 0 60px rgba(139, 92, 246, 0.3); transition: all 0.3s ease; margin-bottom: 1rem; position: relative; overflow: hidden; } .popup-cta-btn::before { content: ; position: absolute; inset: 0; background: linear-gradient(135deg, #60A5FA, #A78BFA); opacity: 0; transition: opacity 0.3s ease; border-radius: 50px; } .popup-cta-btn:hover { transform: translateY(-3px); box-shadow: 0 0 40px rgba(59, 130, 246, 0.7), 0 0 80px rgba(139, 92, 246, 0.5); } .popup-cta-btn:hover::before { opacity: 1; } .popup-cta-btn > * { position: relative; z-index: 1; } .popup-meta { font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); font-family: Space Mono, monospace; margin: 0; } /* Medium screens - Optimize navbar before mobile breakpoint */ @media (max-width: 1024px) { .nav-links { gap: 1rem; } .nav-link { font-size: 0.8rem; padding: 0.4rem 0.6rem; } } @media (max-width: 900px) { .nav-bar { padding: 0.75rem 0.85rem; gap: 0.6rem; flex-wrap: nowrap; min-height: 60px; } .corner-logo { width: 36px; height: 36px; margin-right: 0.5rem; } .nav-link.nav-contact-btn { font-size: 0.7rem; padding: 0.35rem 0.75rem; } .nav-link.nav-login.nav-login-left { font-size: 0.7rem; padding: 0.35rem 0.75rem; } .nav-links { display: flex; flex-direction: column; gap: 0.5rem; background: rgba(10, 10, 15, 0.98); backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); padding: 0; position: fixed; top: 60px; left: 0; right: 0; width: 100vw; z-index: 998; border-top: none; border-bottom: 1px solid rgba(0, 240, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1); flex: none; min-width: auto; } .nav-links.active { max-height: 600px; padding: 1.5rem 1rem; } .nav-link { font-size: 1rem; padding: 0.75rem 1rem; width: 100%; text-align: center; white-space: normal; } .nav-link::before { display: none; } .nav-link::after { display: none; } .menu-toggle { display: flex !important; margin-left: 0; } body { padding-top: 70px; } } /* Responsive - Small mobile adjustments */ @media (max-width: 768px) { .nav-bar { padding: 0.65rem 0.5rem; gap: 0.5rem; min-height: 56px; } .nav-bar.scrolled { padding: 0.5rem 0.5rem; } .corner-logo { width: 32px; height: 32px; margin-right: 0.4rem; } .nav-left { gap: 0.4rem; } .nav-link.nav-contact-btn { font-size: 0.65rem; padding: 0.3rem 0.6rem; } .nav-link.nav-login.nav-login-left { font-size: 0.65rem; padding: 0.3rem 0.6rem; white-space: nowrap; } .menu-toggle { width: 36px; height: 36px; padding: 0.35rem; margin-left: auto; margin-right: 0; flex-shrink: 0; } .menu-toggle .bar { width: 18px; } .nav-links { top: 56px; } body { padding-top: 65px; } } /* Extra small mobile screens */ @media (max-width: 380px) { .nav-bar { padding: 0.6rem 0.6rem; gap: 0.4rem; } .corner-logo { width: 30px; height: 30px; margin-right: 0.3rem; } .nav-left { gap: 0.3rem; } .nav-link.nav-contact-btn { font-size: 0.6rem; padding: 0.25rem 0.5rem; } .nav-link.nav-login.nav-login-left { font-size: 0.6rem; padding: 0.25rem 0.5rem; } .menu-toggle { width: 34px; height: 34px; padding: 0.3rem; } .menu-toggle .bar { width: 16px; } } .hero h1 { font-size: 2rem; } .hero-subtext { font-size: 0.9rem; } .glass-container { padding: 2rem 1.25rem; } .glow-heading { font-size: 1.5rem; } .not-this-grid { flex-direction: column; } .icp-grid, .not-for-grid { grid-template-columns: 1fr; } .offering-cards { grid-template-columns: 1fr; } .science-grid { grid-template-columns: 1fr; gap: 1.5rem; } .science-card { padding: 1.5rem; } .science-icon { font-size: 2rem; } .science-icon-svg { width: 60px; height: 60px; } .flow-container { flex-direction: column; padding: 1.5rem; } .flow-arrow { transform: rotate(90deg); } .flow-step { width: 100%; max-width: 280px; } .promise-grid { flex-direction: column; align-items: center; } .promise-divider { width: 80%; height: 1px; margin: 1rem 0; } .promise-column { max-width: 100%; } .cta-headline { font-size: 1.4rem; } .hero-cta-group { width: 100%; } .hero-cta-group .cta-btn { width: 100%; max-width: 320px; } .testimonials-carousel-wrapper { margin-bottom: 2rem; } .testimonial-card { padding: 1.25rem; } .testimonials-dots .dot { width: 10px; height: 10px; } .popup-content { padding: 2rem 1.5rem; max-width: 90%; } .popup-title { font-size: 1.5rem; } .popup-subtitle { font-size: 1rem; } .popup-cta-btn { padding: 0.9rem 2rem; font-size: 1rem; width: 100%; justify-content: center; } .popup-icon { width: 60px; height: 60px; } .resources-grid { grid-template-columns: 1fr; max-width: 100%; padding: 0 0.5rem; } .resource-card { min-height: auto; padding: 1.5rem 1rem; } .cta-btn-resource { width: calc(100% - 0.5rem); padding: 0.75rem 0.5rem; font-size: 0.8rem; } .pricing-value { grid-template-columns: 1fr; } .path-options-grid { grid-template-columns: 1fr; gap: 1.5rem; } .path-card { padding: 1.5rem 1rem; } .path-card h3 { font-size: 1.1rem; } .path-description { font-size: 0.85rem; } .path-cta { width: 100%; justify-content: center; } .bonus-notice { flex-direction: column; text-align: center; gap: 0.5rem; } .hero-urgency { font-size: 0.8rem; } .hero-phone-link { font-size: 0.9rem; padding: 0.65rem 1.25rem; } .hero-phone-icon { width: 18px; height: 18px; } .pricing-badge { font-size: 0.8rem; padding: 0.5rem 1.2rem; } .cta-headline { font-size: 1.4rem; } .cta-description { font-size: 0.88rem; } } /* Footer Section */ .footer { background: linear-gradient(180deg, rgba(10, 10, 15, 0.95), rgba(0, 0, 0, 0.98)); border-top: 1px solid rgba(0, 240, 255, 0.15); padding: 3rem 1rem 2rem; color: rgba(255, 255, 255, 0.7); font-family: Orbitron, sans-serif; margin-top: 4rem; position: relative; overflow: hidden; } .footer::before { content: ; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), var(--purple), transparent); opacity: 0.5; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; gap: 2rem; } .footer-left { display: flex; flex-direction: column; gap: 1.5rem; flex: 1; min-width: 250px; } .footer-logo { height: auto; width: 100%; max-width: 250px; transition: opacity 0.3s ease; } .footer-logo:hover { opacity: 0.8; } .footer-contact h4 { margin: 0 0 0.75rem 0; color: var(--cyan); font-size: 1rem; font-weight: 600; letter-spacing: 0.5px; } .footer-phone { color: rgba(255, 255, 255, 0.9); text-decoration: none; font-size: 1rem; font-weight: 500; display: inline-block; transition: all 0.3s ease; margin-bottom: 0.5rem; } .footer-phone:hover { color: var(--cyan); transform: translateX(5px); } .footer-address { color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; margin: 0; font-family: Space Mono, monospace; line-height: 1.6; } .footer-links { display: flex; flex-direction: column; gap: 0.75rem; text-align: right; flex: 0 0 auto; } .footer-links a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; position: relative; padding: 0.25rem 0; } .footer-links a::after { content: ; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: linear-gradient(90deg, var(--cyan), var(--purple)); transition: width 0.3s ease; } .footer-links a:hover { color: var(--cyan); transform: translateX(-3px); } .footer-links a:hover::after { width: 100%; } .footer-bottom { text-align: center; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.85rem; color: rgba(255, 255, 255, 0.5); font-family: Space Mono, monospace; } @media (max-width: 768px) { .footer { padding: 2.5rem 1rem 1.5rem; } .footer-content { flex-direction: column; align-items: center; text-align: center; gap: 2rem; } .footer-left { align-items: center; } .footer-links { text-align: center; width: 100%; } .footer-links a:hover { transform: translateX(0); } .footer-bottom { margin-top: 2rem; padding-top: 1.5rem; } }/style>!-- AOS + Toggle Script -->script srchttps://unpkg.com/aos@2.3.1/dist/aos.js>/script>script> AOS.init({ duration: 800, once: true }); function toggleMenu() { const links document.querySelector(.nav-links); const toggle document.querySelector(.menu-toggle); const isActive links.classList.contains(active); links.classList.toggle(active); toggle.classList.toggle(open); // Prevent body scroll when menu is open if (!isActive) { document.body.style.overflow hidden; // Ensure menu is visible links.style.display flex; } else { document.body.style.overflow ; } } // Close menu when clicking on a nav link document.addEventListener(DOMContentLoaded, function() { const navLinks document.querySelectorAll(.nav-link); const mobileMenu document.querySelector(.nav-links); const menuToggle document.querySelector(.menu-toggle); navLinks.forEach(link > { link.addEventListener(click, function() { if (window.innerWidth 900 && mobileMenu.classList.contains(active)) { mobileMenu.classList.remove(active); menuToggle.classList.remove(open); document.body.style.overflow ; } }); }); // Close menu when clicking outside document.addEventListener(click, function(event) { if (window.innerWidth 900 && mobileMenu.classList.contains(active)) { const isClickInsideNav event.target.closest(.nav-bar); const isClickInsideMenu event.target.closest(.nav-links); if (!isClickInsideNav && !isClickInsideMenu) { mobileMenu.classList.remove(active); menuToggle.classList.remove(open); document.body.style.overflow ; } } }); // Handle window resize window.addEventListener(resize, function() { if (window.innerWidth > 900) { mobileMenu.classList.remove(active); menuToggle.classList.remove(open); document.body.style.overflow ; mobileMenu.style.display ; } }); // Testimonials Carousel const carousel document.getElementById(testimonials-carousel); const cards carousel.querySelectorAll(.testimonial-card); const dots document.querySelectorAll(.testimonials-dots .dot); let currentSlide 0; let autoScrollInterval; let touchStartX 0; let touchEndX 0; function showSlide(index) { // Remove active class from all cards and dots cards.forEach(card > card.classList.remove(active)); dots.forEach(dot > dot.classList.remove(active)); // Add active class to current slide if (cardsindex) { cardsindex.classList.add(active); } if (dotsindex) { dotsindex.classList.add(active); } currentSlide index; } function nextSlide() { const next (currentSlide + 1) % cards.length; showSlide(next); } function startAutoScroll() { autoScrollInterval setInterval(() > { nextSlide(); }, 5000); // Change slide every 5 seconds } function stopAutoScroll() { if (autoScrollInterval) { clearInterval(autoScrollInterval); } } // Dot navigation dots.forEach((dot, index) > { dot.addEventListener(click, () > { stopAutoScroll(); showSlide(index); startAutoScroll(); }); }); // Touch/swipe support for mobile carousel.addEventListener(touchstart, (e) > { touchStartX e.changedTouches0.screenX; stopAutoScroll(); }); carousel.addEventListener(touchend, (e) > { touchEndX e.changedTouches0.screenX; handleSwipe(); startAutoScroll(); }); function handleSwipe() { const swipeThreshold 50; const diff touchStartX - touchEndX; if (Math.abs(diff) > swipeThreshold) { if (diff > 0) { // Swipe left - next slide nextSlide(); } else { // Swipe right - previous slide const prev (currentSlide - 1 + cards.length) % cards.length; showSlide(prev); } } } // Pause auto-scroll on hover carousel.addEventListener(mouseenter, stopAutoScroll); carousel.addEventListener(mouseleave, startAutoScroll); // Initialize carousel showSlide(0); startAutoScroll(); }); // Floating Glass Navbar - Enhanced on scroll window.addEventListener(scroll, function() { const navbar document.querySelector(.nav-bar); if (window.scrollY > 50) { navbar.classList.add(scrolled); } else { navbar.classList.remove(scrolled); } }); // Book Your Call Popup - Show after scrolling 1600px (once per session) let popupShown false; window.addEventListener(scroll, function() { const popup document.getElementById(book-call-popup); if (!popupShown && window.scrollY > 1600) { popup.classList.add(show); popupShown true; // Prevent body scroll when popup is open document.body.style.overflow hidden; } }); function closeBookCallPopup() { const popup document.getElementById(book-call-popup); popup.classList.remove(show); document.body.style.overflow ; } // Close popup on Escape key document.addEventListener(keydown, function(e) { if (e.key Escape) { closeBookCallPopup(); } });/script>!-- Footer Section -->footer classfooter> div classfooter-content> div classfooter-left> a hrefhttps://wideband.ai/matrix target_blank> img srchttps://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/68828b815d765401c89e47b7.png altWideband Logo classfooter-logo> /a> div classfooter-contact> h4>Contact/h4> a hreftel:+18283731205 classfooter-phone>+1 828-373-1205/a> p classfooter-address>5540 Centerview Dr Ste 204 #183533, Raleigh, NC, 27606/p> /div> /div> div classfooter-links> a hrefhttps://wideband.ai/fulfillment-policy target_blank>Fulfillment Policy/a> a hrefhttps://wideband.ai/privacy-policy target_blank>Privacy Policy/a> a hrefhttps://wideband.ai/terms target_blank>Terms of Service/a> /div> /div> div classfooter-bottom> © 2025 Wideband, LLC. All rights reserved. /div>/footer>/div>!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->/div>!---->!---->/div>!---->!---->!---->!---->span>/span>!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->/div>!---->!---->/div>!---->!---->!---->!---->span>/span>!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->/div>!---->!---->/div>!---->!---->!---->!---->span>/span>!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->!---->/div>!---->!---->/div>/div>div>!---->!---->div idgb-track-hl-custom-code>/div>!---->/div>!---->/div>!---->/div>!---->!---->/div>div idteleports>/div>script>window.__NUXT__{};window.__NUXT__.config{public:{baseUrl:https://apisystem.tech,newBaseURL:https://backend.leadconnectorhq.com/appengine,serverBaseUrl:https://apisystem.tech,NODE_ENV:production,OLD_STORAGE_API_URL1_CDN:https://cdn.msgsndr.com,OLD_STORAGE_API_URL2_CDN:https://assets.cdn.msgsndr.com,STORAGE_API_URL1_CDN:https://cdn.filesafe.space,STORAGE_API_URL2_CDN:https://assets.cdn.filesafe.space,REVIEW_WIDGET_URL:https://backend.leadconnectorhq.com/appengine/reviews/get_widget/,REST_API_URLS:https://backend.leadconnectorhq.com,STATS_API_URL:https://backend.leadconnectorhq.com,paymentsServiceUrl:https://backend.leadconnectorhq.com,HLS_URL:https://content.apisystem.tech,IMAGE_CDN:https://images.leadconnectorhq.com,IMAGE_CDN_WHITELIST:assets.cdn.msgsndr.com,cdn.msgsndr.com,cdn.filesafe.space,assets.cdn.filesafe.space,storage.googleapis.com,firebasestorage.googleapis.com,authorizeAcceptJsUrlTestMode:https://jstest.authorize.net/v1/Accept.js,authorizeAcceptJsUrlLiveMode:https://js.authorize.net/v1/Accept.js,nmiPaymentProviderScriptUrl:https://secure.safewebservices.com/token/Collect.js,FORMS_SERVICE_URL:https://backend.leadconnectorhq.com,SURVEYS_SERVICE_URL:https://backend.leadconnectorhq.com,QR_CODE_SERVICE_URL:https://backend.leadconnectorhq.com,GOOGLE_API_SERVICE_URL:https://services.leadconnectorhq.com/common-google,ECOMMERCE_SERVICE_URL:https://backend.leadconnectorhq.com/ecommerce,HL_HOMEPAGE_STEPID:6dcfb06b-9734-44bd-bbcc-8bd4b7fec976,STRIPE_BNPL_CONFIGURATION_TEST:pmc_1OaAR1FpU9DlKp7RH0HHU4xH,STRIPE_BNPL_CONFIGURATION_LIVE:pmc_1OlnyOFpU9DlKp7R4tTHuihw,STRIPE_PMC_KEY_TEST:pmc_1Ps2bTFpU9DlKp7RmgTzmJUL,STRIPE_PMC_KEY_LIVE:pmc_1PzYYpFpU9DlKp7RcgxVmcvS,STRIPE_DEFAULT_CONFIGURATION_TEST:pmc_1M95aRFpU9DlKp7ReIqqY0PP,STRIPE_DEFAULT_CONFIGURATION_LIVE:pmc_1NYilsFpU9DlKp7RkMiUNrKE,STRIPE_DEFAULT_CONFIGURATION_TEST_SURVEY:pmc_1QrvB7FpU9DlKp7RcL9L2idV,STRIPE_DEFAULT_CONFIGURATION_LIVE_SURVEY:pmc_1Qwds7FpU9DlKp7RMCBlclQ0,STRIPE_DEFAULT_CONFIGURATION_TEST_FORM:pmc_1Qodu1FpU9DlKp7RoWHB8Txx,STRIPE_DEFAULT_CONFIGURATION_LIVE_FORM:pmc_1QwcV0FpU9DlKp7RORUHPK8B,STRIPE_CARD_ONLY_TEST_PMC:pmc_1PVvmcFpU9DlKp7RFsjX5G7G,STRIPE_CARD_ONLY_LIVE_PMC:pmc_1PVvogFpU9DlKp7Rj8F0ITLV,ENTERPRISE_RECAPTCHA_SITE_KEY:6LeDBFwpAAAAAJe8ux9-imrqZ2ueRsEtdiWoDDpX,STRIPE_ONE_STEP_PMC_ID_TEST:pmc_1QodqYFpU9DlKp7R8EIapiwE,STRIPE_TWO_STEP_PMC_ID_TEST:pmc_1QodsEFpU9DlKp7RHRyay2KC,STRIPE_ONE_STEP_PMC_ID_LIVE:pmc_1QwcLrFpU9DlKp7Rl9zb07x1,STRIPE_TWO_STEP_PMC_ID_LIVE:pmc_1QwcP4FpU9DlKp7R4L0ytWkJ,RECAPTCHA_SITE_KEY:6Lfjxx4sAAAAAIsnmlR5mKNS7QwIWqDjABW2SUu7,i18n:{baseUrl:,defaultLocale:en,defaultDirection:ltr,strategy:no_prefix,lazy:true,rootRedirect:,routesNameSeparator:___,defaultLocaleRouteNameSuffix:default,skipSettingLocaleOnNavigate:false,differentDomains:false,trailingSlash:false,detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:,cookieKey:i18n_redirected,cookieSecure:false,fallbackLocale:,redirectOn:root,useCookie:false},experimental:{localeDetector:,switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:absolute,alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false,domainLocales:{da:{domain:},de:{domain:},en:{domain:},es:{domain:},fi:{domain:},fr-ca:{domain:},fr:{domain:},hu:{domain:},it:{domain:},nl:{domain:},no:{domain:},pl:{domain:},pt-br:{domain:},pt:{domain:},sv:{domain:}}}},app:{baseURL:/,buildId:5052b642-cf05-4141-a953-9ed90d6c4269,buildAssetsDir:/_preview/,cdnURL:https://stcdn.leadconnectorhq.com/}}/script>script typeapplication/json data-nuxt-datanuxt-app data-ssrtrue id__NUXT_DATA__>ShallowReactive,1,{data:2,state:188,once:430,_errors:431,serverRendered:39},ShallowReactive,3,{pageData:4},{elements:5,popup:130,fontsToLoad:131,customFonts:132,meta:133,domainName:142,pageUrl:143,pageId:144,pageName:145,locationId:146,headerCode:36,footerCode:36,popupsList:147,favicon:181,globalHeadTrackingCode:182,globalBodyTrackingCode:183,funnelId:184,funnelName:185,stepId:186,affiliateId:-1,cookieConsent:-1,disablePageLevelCookieConsent:32,pixelToInit:187,isOptimisePageLoad:39,backgroundSettingsClass:38},6,10,49,81,117,{id:7,child:8},hl_main,9,section-s4BoQ17u9L,{id:9,type:11,child:12,class:14,styles:23,extra:27,wrapper:45,meta:11,tagName:46,title:47,mobileWrapper:48,_id:9},section,13,row-VHaPd5oRdB,{width:15,borders:17,borderRadius:19,radiusEdge:21},{value:16},fullSection,{value:18},noBorder,{value:20},radius0,{value:22},none,{borderWidth:24},{value:25,unit:26},2,px,{sticky:28,visibility:30,bgImage:33,allowRowMaxWidth:40,customClass:41,elementScreenshot:43},{value:29},noneSticky,{value:31},{hideDesktop:32,hideMobile:32},false,{value:34},{mediaType:35,url:36,opacity:37,options:38,svgCode:36,videoUrl:36,videoThumbnail:36,videoLoop:39},image,,1,bgCover,true,{value:32},{value:42},,{value:44},,{},c-section,Section,{},{id:13,type:50,child:51,class:53,styles:59,extra:61,wrapper:71,tagName:78,meta:50,title:79,mobileWrapper:80},row,52,col-wOvbCOvt_q,{alignRow:54,borders:56,borderRadius:57,radiusEdge:58},{value:55},row-align-center,{value:18},{value:20},{value:22},{borderWidth:60},{value:25,unit:26},{visibility:62,bgImage:64,rowWidth:66,customClass:69},{value:63},{hideDesktop:32,hideMobile:32},{value:65},{mediaType:35,url:36,opacity:37,options:38,svgCode:36,videoUrl:36,videoThumbnail:36,videoLoop:39},{value:67,unit:68},100,%,{value:70},,{marginTop:72,marginBottom:74,marginLeft:75,marginRight:77},{unit:26,value:73},0,{unit:26,value:73},{unit:36,value:76},auto,{unit:36,value:76},c-row,1 Column Row,{},{id:52,type:82,child:83,class:85,styles:90,extra:92,wrapper:108,tagName:113,meta:82,title:114,noOfColumns:115,mobileWrapper:116},col,84,custom-code-9S21AeRD7U,{borders:86,borderRadius:87,radiusEdge:88,nestedColumn:89},{value:18},{value:20},{value:22},{value:36},{borderWidth:91},{value:25,unit:26},{visibility:93,bgImage:95,columnLayout:97,justifyContentColumnLayout:99,alignContentColumnLayout:101,forceColumnLayoutForMobile:103,customClass:104,elementVersion:106},{value:94},{hideDesktop:32,hideMobile:32},{value:96},{mediaType:35,url:36,opacity:37,options:38,svgCode:36,videoUrl:36,videoThumbnail:36,videoLoop:39},{value:98},column,{value:100},center,{value:102},inherit,{value:39},{value:105},,{value:107},2,{marginLeft:109,marginRight:110,marginTop:111,marginBottom:112},{unit:26,value:73},{unit:26,value:73},{unit:26,value:73},{unit:26,value:73},c-column,1st Column,1,{},{extra:118,id:84,meta:127,tagName:128,class:129},{visibility:119,customCode:121,customClass:124,nodeId:126},{value:120},{hideMobile:36,hideDesktop:36},{value:122},{rawCustomCode:123},\u003C!-- \nCOPY UPDATES - GRAND SLAM OFFER TRANSFORMATION (HORMOZI VALUE EQUATION)\nPsychological Framework Applied:\n1. DREAM OUTCOME MAXIMIZED: Positioned as \End of Owner-Bottleneck\ - business runs without them\n2. PERCEIVED LIKELIHOOD INCREASED: Done in 14 Days + proof ($250K, 1,000 hours) inevitable success\n3. TIME DELAY DECREASED: \14 Days\ timeline, creates realistic urgency\n4. EFFORT/SACRIFICE DECREASED: \Done-For-You\ emphasized - we build, launch, maintain everything\n\nCore Hook: \You ARE the bottleneck\ - visceral pain point for busy operators\nValue Stack: Every feature reframed as \We do X so you get Y (Result)\\nProof Claims: Positioned as \money/time youre leaving on table RIGHT NOW\\nGuarantee: Zero risk, no contracts, cancel anytime\nTarget: Home service operators (plumber, HVAC, electrician) drowning in admin, missing calls\nAll jargon removed. Every line outcome-focused. CTA \Get Set Up in 14 Days\ repeated throughout.\nNO structural, styling, or JS changes. Only text content within existing HTML elements.\n-->\n\u003C!-- Orbitron Font + AOS Scroll Library -->\n\u003Clink href\https://fonts.googleapis.com/css2?familyOrbitron:wght@400;500;600;700&familySpace+Mono:wght@400;700&displayswap\ rel\stylesheet\>\n\u003Clink href\https://unpkg.com/aos@2.3.1/dist/aos.css\ rel\stylesheet\>\n\n\u003C!-- Background Video -->\n\u003Cvideo autoplay muted loop playsinline id\bg-video\>\n \u003Csource src\https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/686daebf000e7338f0e3342f.mp4\ type\video/mp4\>\n\u003C/video>\n\n\u003C!-- Nav Bar -->\n\u003Cdiv class\nav-bar\>\n \u003Cdiv class\nav-left\>\n \u003Ca href\https://wideband.ai/selector\>\n \u003Cimg src\https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/695a92e0edb8a21124c97536.png\ class\corner-logo\ />\n \u003C/a>\n \u003Ca class\nav-link nav-login nav-login-left\ href\https://app.wideband.ai\ target\_blank\ rel\noopener\>Login\u003C/a>\n \u003C/div>\n\n \u003Cdiv class\nav-links\>\n \u003Ca class\nav-link\ href\https://wideband.ai/services\>Services\u003C/a>\n \u003Ca class\nav-link\ href\https://wideband.ai\>Home\u003C/a>\n \u003Ca class\nav-link\ href\https://wideband.ai/matrix\>Matrix\u003C/a>\n \u003Ca class\nav-link\ href\https://wideband.ai/nexus\>Nexus\u003C/a>\n \u003Ca class\nav-link\ href\https://shop.wideband.ai\>Shop\u003C/a>\n \u003Ca class\nav-link\ href\https://wideband.ai/support\>Support\u003C/a>\n \u003Ca class\nav-link\ href\https://learn.wideband.ai\>Learn\u003C/a>\n \u003Ca class\nav-link nav-contact-btn\ href\https://wideband.ai/contact\>Contact Form\u003C/a>\n \u003C/div>\n\n \u003Cdiv class\menu-toggle\ onclick\toggleMenu()\>\n \u003Cdiv class\bar\>\u003C/div>\n \u003Cdiv class\bar\>\u003C/div>\n \u003Cdiv class\bar\>\u003C/div>\n \u003C/div>\n\u003C/div>\n\n\u003C!-- Hero Section -->\n\u003Csection class\hero\ data-aos\fade-up\>\n \u003Cdiv class\hero-badge\>FOR BUSY HOME SERVICE BUSINESSES\u003C/div>\n \u003Ch1>Your Business Works.\u003Cbr>\u003Cspan class\gradient-text-hero\>Youre The Bottleneck.\u003C/span>\u003C/h1>\n \u003Cp class\hero-subtext\>\n Youre on jobs. Leads come in. You miss them. Money walks. We build you a system that captures every lead, responds instantly, and books jobs while you work. Done in 14 days. You dont need more customers. You need your business to run without you answering every call and chasing every text.\n \u003C/p>\n \u003Cdiv class\hero-cta-group\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\cta-btn cta-btn-apply\>Get Set Up in 14 Days\u003C/a>\n \u003C/div>\n \u003Cp class\hero-urgency\ data-aos\fade-up\ data-aos-delay\300\>\n \u003Cspan class\urgency-dot\>\u003C/span>\n Done in 14 Days • Zero risk • Cancel anytime\n \u003C/p>\n \u003Cdiv class\hero-phone\ data-aos\fade-up\ data-aos-delay\400\>\n \u003Cdiv class\hero-phone-wrapper\>\n \u003Ca href\tel:+18283731205\ class\hero-phone-link\>\n \u003Csvg class\hero-phone-icon\ width\20\ height\20\ viewBox\0 0 24 24\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7292C21.7209 20.9842 21.5573 21.2131 21.35 21.4C21.1428 21.5869 20.8962 21.7279 20.6285 21.8131C20.3608 21.8983 20.0782 21.9257 19.8 21.89C16.7428 21.5856 13.787 20.5341 11.19 18.81C8.77382 17.0011 6.72533 14.7293 5.19 12.13C3.57978 9.30486 2.55334 6.16345 2.18 2.92C2.14427 2.64178 2.17166 2.35922 2.25687 2.09154C2.34208 1.82386 2.48307 1.57723 2.67 1.37C2.85694 1.16277 3.08584 0.99919 3.34082 0.887587C3.5958 0.775985 3.87149 0.718994 4.15 0.72H7.15C7.6074 0.708489 8.05773 0.849293 8.42818 1.12131C8.79863 1.39333 9.06757 1.78171 9.19 2.22C9.44579 3.36154 9.85549 4.46304 10.405 5.49C10.6214 5.88783 10.7322 6.33617 10.726 6.79C10.7198 7.24383 10.5968 7.68912 10.37 8.08L8.37 11.08C9.93955 13.4121 12.0879 15.5605 14.42 17.13L17.42 15.13C17.8109 14.9032 18.2562 14.7802 18.71 14.774C19.1638 14.7678 19.6122 14.8786 20.01 15.095C21.0375 15.6445 22.139 16.0542 23.28 16.31C23.7183 16.4324 24.1067 16.7014 24.3787 17.0718C24.6507 17.4423 24.7915 17.8926 24.78 18.35L22 16.92Z\ stroke\currentColor\ stroke-width\2\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003Cspan class\hero-phone-number\>+1 828-373-1205\u003C/span>\n \u003C/a>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- What This Is Section -->\n\u003Csection class\what-this-is\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 data-aos\fade-up\ data-aos-delay\100\>What This Actually Is\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\150\>\n The end of you being the bottleneck. We build you a system that captures every lead, responds instantly, and books jobs automatically. Built in 14 days. Maintained forever. You never touch the tech.\n \u003C/p>\n \n \u003Cdiv class\not-this-grid\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Cdiv class\not-card\>\n \u003Cdiv class\not-icon\>✕\u003C/div>\n \u003Cp>This is \u003Cstrong>not\u003C/strong> software you learn and manage\u003C/p>\n \u003C/div>\n \u003Cdiv class\not-card\>\n \u003Cdiv class\not-icon\>✕\u003C/div>\n \u003Cp>This is \u003Cstrong>not\u003C/strong> a DIY template you customize\u003C/p>\n \u003C/div>\n \u003Cdiv class\not-card\>\n \u003Cdiv class\not-icon\>✕\u003C/div>\n \u003Cp>This is \u003Cstrong>not\u003C/strong> a project we complete and leave\u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class\is-card\ data-aos\zoom-in\ data-aos-delay\300\>\n \u003Cdiv class\is-icon\>◆\u003C/div>\n \u003Cp>Its \u003Cstrong>us running your lead system FOR you\u003C/strong> — built, launched, and maintained — so your business works without you answering every call, text, and voicemail.\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Testimonials Section -->\n\u003Csection class\testimonials-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>What Home Service Owners Say\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\50\>\n See what happens when you stop missing calls and start capturing every job\n \u003C/p>\n \n \u003Cdiv class\testimonials-carousel-wrapper\>\n \u003Cdiv class\testimonials-carousel\ id\testimonials-carousel\>\n \u003C!-- Testimonial 1 -->\n \u003Cdiv class\testimonial-card active\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\Look, Im under sinks and behind water heaters all day. My phone would ring, Id see it light up in my pocket, and by the time I could actually grab it with clean hands, theyd already hung up. I knew I was bleeding money every single day. The Wideband team set up this instant text-back system, and Im not even exaggerating when I say I booked 11 jobs in the first week just from catching those calls I used to miss. It felt like finding money in an old jacket, except it happens every day now.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>MT\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>Mike T.\u003C/div>\n \u003Cdiv class\author-title\>Plumbing • Solo Operator\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Testimonial 2 -->\n \u003Cdiv class\testimonial-card\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\Ive been doing HVAC for 17 years, and I was still handwriting estimates and playing phone tag like its 1995. When I reached out to Wideband, I honestly didnt know what to expect. They had my site live in 6 days—not weeks, days. Now the follow-ups happen automatically, estimates get sent while Im sleeping, and I stopped chasing people down. My calendar is booked solid two weeks out, and heres the crazy part: Im actually less stressed than when I had half the workload. I cant believe I waited this long to automate.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>JR\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>Jose R.\u003C/div>\n \u003Cdiv class\author-title\>HVAC Contractor\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Testimonial 3 -->\n \u003Cdiv class\testimonial-card\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\Ill be honest with you—I barely know how to use Excel. When people started talking about CRMs and automation, I thought that was for companies with IT departments, not a one-man electrical shop. But the Wideband team made it so simple I almost felt stupid for putting it off for years. They built everything, walked me through it once, and it just works. Customers book appointments online, get automatic reminders so they actually show up, and everything lands in one inbox that I can check on my phone. Im saving hours every week that I used to waste on scheduling calls and no-shows. Best investment Ive made in my business, hands down.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>DL\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>David L.\u003C/div>\n \u003Cdiv class\author-title\>Electrician • 1-Man Shop\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Testimonial 4 -->\n \u003Cdiv class\testimonial-card\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\In landscaping, speed is everything. Someone calls wanting a quote, theyre usually calling three other companies at the same time. Whoever gets back to them first usually gets the job. I was losing deals left and right because Id be out on a site, see the missed call two hours later, call them back, and theyd already hired someone else. It was brutal. Since setting up the automated response system with Wideband, Im responding in under 5 minutes even when Im knee-deep in mulch. My close rate went from maybe 30% to over 60%. Thats not an estimate—I actually track this stuff now because the system makes it easy.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>CT\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>Carlos T.\u003C/div>\n \u003Cdiv class\author-title\>Landscaping Business\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Testimonial 5 -->\n \u003Cdiv class\testimonial-card\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\The painting business runs on referrals and reputation. Someone recommends you, that potential customer calls, and how you handle that first interaction sets the tone for everything. I used to scramble to sound professional while covered in paint, trying to take notes on scraps of paper. Now? Automated booking confirmations, professional follow-up emails, appointment reminders—the whole nine yards. People think Ive got an office manager. Its just me and one other guy with brushes, but this system makes us look like a legitimate operation. And that perception matters. A lot.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>BM\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>Brian M.\u003C/div>\n \u003Cdiv class\author-title\>Painting Contractor\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Testimonial 6 -->\n \u003Cdiv class\testimonial-card\>\n \u003Cdiv class\testimonial-stars\>★★★★★\u003C/div>\n \u003Cp class\testimonial-quote\>\Ive been burned by software companies before—long contracts, hidden fees, support that disappears after you sign up. So I was skeptical. But heres the thing that sold me: no contract. Month-to-month. If it sucks, I can walk away. Thats confidence, you know? Well, its been 8 months and Im still here because it actually works. My calendar stays organized, follow-ups happen automatically, and Im not spending my evenings texting clients and managing schedules anymore. I have my life back. And Im making more money because nothing falls through the cracks. I kind of want to keep it a secret so my competition doesnt find out.\\u003C/p>\n \u003Cdiv class\testimonial-author\>\n \u003Cdiv class\author-avatar\>AS\u003C/div>\n \u003Cdiv class\author-info\>\n \u003Cdiv class\author-name\>Angela S.\u003C/div>\n \u003Cdiv class\author-title\>Cleaning Service Owner\u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Navigation Dots -->\n \u003Cdiv class\testimonials-dots\ id\testimonials-dots\>\n \u003Cspan class\dot active\ data-slide\0\>\u003C/span>\n \u003Cspan class\dot\ data-slide\1\>\u003C/span>\n \u003Cspan class\dot\ data-slide\2\>\u003C/span>\n \u003Cspan class\dot\ data-slide\3\>\u003C/span>\n \u003Cspan class\dot\ data-slide\4\>\u003C/span>\n \u003Cspan class\dot\ data-slide\5\>\u003C/span>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Pricing Section -->\n\u003Csection class\pricing-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container pricing-container\>\n \u003Cdiv class\pricing-badge\>DONE IN 14 DAYS\u003C/div>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>Live in 14 Days. Period.\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\50\>\n Your website and lead capture system will be live, functional, and tested within 14 days. No contracts. Cancel anytime. We only make money if your business actually runs better.\n \u003C/p>\n \n \u003Cdiv class\pricing-value\ data-aos\fade-up\ data-aos-delay\100\>\n \u003Cdiv class\pricing-includes\>\n \u003Ch3>Everything Done-For-You:\u003C/h3>\n \u003Cul>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Professional website built and launched\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Every lead captured from web and calls\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Missed calls get instant text response\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Follow-up runs automatically\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> All messages in one organized inbox\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Google presence so you look legitimate\u003C/li>\n \u003Cli>\u003Cspan class\check-icon\>✓\u003C/span> Ongoing maintenance (we keep it working)\u003C/li>\n \u003C/ul>\n \u003C/div>\n \n \u003Cdiv class\pricing-model\>\n \u003Cdiv class\model-highlight\>\n \u003Ch3>What Youre Leaving on the Table Right Now:\u003C/h3>\n \u003Cp>\u003Cstrong>$250,000+ in revenue\u003C/strong> preserved across businesses weve supported. Thats money youre losing to missed calls and slow response times.\u003C/p>\n \u003Cp>\u003Cstrong>1,000+ hours recovered\u003C/strong> from admin, follow-up, and customer requests. Thats time you could spend on jobs, with family, or just not working evenings.\u003C/p>\n \u003Cp class\model-emphasis\>Every day you wait, you lose more. \u003Cspan class\gradient-text\>This pays for itself in the first month.\u003C/span>\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class\pricing-cta\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Cdiv class\bonus-notice-wrapper\>\n \u003Cdiv class\bonus-notice\>\n \u003Csvg class\bonus-icon\ width\64\ height\64\ viewBox\0 0 64 64\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\shieldGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#3B82F6;stop-opacity:1\ />\n \u003Cstop offset\50%\ style\stop-color:#8B5CF6;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#3B82F6;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\glow\>\n \u003CfeGaussianBlur stdDeviation\3\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \u003C!-- Shield shape -->\n \u003Cpath d\M32 8 L20 12 L20 28 C20 38 26 46 32 56 C38 46 44 38 44 28 L44 12 Z\ \n fill\url(#shieldGradient)\ \n stroke\url(#shieldGradient)\ \n stroke-width\2\\n filter\url(#glow)\\n opacity\0.9\>\n \u003Canimate attributeName\opacity\ values\0.9;1;0.9\ dur\2s\ repeatCount\indefinite\/>\n \u003C/path>\n \u003C!-- Checkmark -->\n \u003Cpath d\M24 32 L30 38 L40 24\ \n stroke\#fff\ \n stroke-width\3\ \n stroke-linecap\round\ \n stroke-linejoin\round\\n fill\none\>\n \u003Canimate attributeName\stroke-dasharray\ values\0,30;30,0\ dur\1s\ begin\0.5s\ fill\freeze\/>\n \u003C/path>\n \u003C!-- Pulsing rings -->\n \u003Ccircle cx\32\ cy\32\ r\28\ fill\none\ stroke\url(#shieldGradient)\ stroke-width\1\ opacity\0\>\n \u003Canimate attributeName\r\ values\28;40;28\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.6;0;0.6\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\32\ cy\32\ r\28\ fill\none\ stroke\url(#shieldGradient)\ stroke-width\1\ opacity\0\>\n \u003Canimate attributeName\r\ values\28;40;28\ dur\2s\ begin\1s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.6;0;0.6\ dur\2s\ begin\1s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Cp>\u003Cstrong>Zero risk. No contracts. Cancel anytime.\u003C/strong>\u003C/p>\n \u003Cp>We only win if you win. Get Set Up in 14 Days\u003C/p>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\cta-btn cta-btn-large\>Get Set Up in 14 Days\u003C/a>\n \u003Cp class\urgency-text\>\n \u003Cspan class\urgency-dot-inline\>\u003C/span>\n Limited spots • Every day you wait costs you money\n \u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Choose Your Path Section -->\n\u003Csection class\choose-path-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>Choose How You Want to Move Forward\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\50\>\n Pick the option that works best for you. Were here to help, however you prefer to connect.\n \u003C/p>\n \n \u003Cdiv class\path-options-grid\ data-aos\fade-up\ data-aos-delay\100\>\n \u003C!-- Option 1: Video Meeting -->\n \u003Cdiv class\path-card path-card-primary\>\n \u003Cdiv class\path-icon-wrapper\>\n \u003Csvg class\path-icon\ width\48\ height\48\ viewBox\0 0 48 48\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\videoGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#3B82F6;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#60A5FA;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Crect x\8\ y\12\ width\32\ height\24\ rx\4\ fill\url(#videoGradient)\ opacity\0.2\/>\n \u003Crect x\8\ y\12\ width\32\ height\24\ rx\4\ stroke\url(#videoGradient)\ stroke-width\2\/>\n \u003Cpath d\M20 24 L28 20 L28 28 Z\ fill\url(#videoGradient)\/>\n \u003Ccircle cx\24\ cy\24\ r\16\ fill\none\ stroke\url(#videoGradient)\ stroke-width\1\ opacity\0.3\>\n \u003Canimate attributeName\r\ values\16;20;16\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.3;0;0.3\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>Book a Video Meeting\u003C/h3>\n \u003Cp class\path-description\>See exactly how well set up your system. 15-minute call to show you the process.\u003C/p>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\path-cta path-cta-primary\>\n Schedule Meeting\n \u003Csvg width\16\ height\16\ viewBox\0 0 16 16\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M6 12L10 8L6 4\ stroke\currentColor\ stroke-width\2\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003C/a>\n \u003Cp class\path-meta\>Best for: Ready to see how it works\u003C/p>\n \u003C/div>\n\n \u003C!-- Option 2: AI Assistant -->\n \u003Cdiv class\path-card\>\n \u003Cdiv class\path-icon-wrapper\>\n \u003Csvg class\path-icon\ width\48\ height\48\ viewBox\0 0 48 48\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\aiGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#8B5CF6;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#A78BFA;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Ccircle cx\24\ cy\20\ r\8\ fill\url(#aiGradient)\ opacity\0.2\/>\n \u003Ccircle cx\24\ cy\20\ r\8\ stroke\url(#aiGradient)\ stroke-width\2\/>\n \u003Cpath d\M16 32 Q24 28 32 32\ stroke\url(#aiGradient)\ stroke-width\2\ stroke-linecap\round\ fill\none\/>\n \u003Ccircle cx\20\ cy\18\ r\1.5\ fill\url(#aiGradient)\/>\n \u003Ccircle cx\28\ cy\18\ r\1.5\ fill\url(#aiGradient)\/>\n \u003Ccircle cx\24\ cy\20\ r\2\ fill\url(#aiGradient)\ opacity\0.6\>\n \u003Canimate attributeName\opacity\ values\0.6;1;0.6\ dur\1.5s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\24\ cy\24\ r\12\ fill\none\ stroke\url(#aiGradient)\ stroke-width\1\ opacity\0.2\>\n \u003Canimate attributeName\r\ values\12;16;12\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.2;0;0.2\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>Test Our AI Assistant\u003C/h3>\n \u003Cp class\path-description\>Call now and ask any questions. Get instant answers and information collection.\u003C/p>\n \u003Ca href\tel:+18283731205\ class\path-cta path-cta-secondary path-cta-ai\>\n Call Now\n \u003Csvg width\16\ height\16\ viewBox\0 0 16 16\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M3.5 2.5L6.5 5.5L4.5 7.5C5.5 9.5 6.5 10.5 8.5 11.5L10.5 9.5L13.5 12.5V15.5C13.5 15.5 3.5 5.5 3.5 5.5V2.5Z\ stroke\currentColor\ stroke-width\1.5\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003C/a>\n \u003Cp class\path-meta\>Best for: Quick questions, instant answers\u003C/p>\n \u003C/div>\n\n \u003C!-- Option 3: Contact Form -->\n \u003Cdiv class\path-card\>\n \u003Cdiv class\path-icon-wrapper\>\n \u003Csvg class\path-icon\ width\48\ height\48\ viewBox\0 0 48 48\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\formGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#60A5FA;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#8B5CF6;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Crect x\10\ y\12\ width\28\ height\24\ rx\2\ fill\url(#formGradient)\ opacity\0.2\/>\n \u003Crect x\10\ y\12\ width\28\ height\24\ rx\2\ stroke\url(#formGradient)\ stroke-width\2\/>\n \u003Cline x1\14\ y1\18\ x2\34\ y2\18\ stroke\url(#formGradient)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\14\ y1\24\ x2\28\ y2\24\ stroke\url(#formGradient)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\14\ y1\30\ x2\32\ y2\30\ stroke\url(#formGradient)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Ccircle cx\36\ cy\16\ r\4\ fill\url(#formGradient)\ opacity\0.8\>\n \u003Canimate attributeName\opacity\ values\0.8;1;0.8\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Cpath d\M34 16 L36 18 L38 16\ stroke\#fff\ stroke-width\1.5\ stroke-linecap\round\ stroke-linejoin\round\ fill\none\/>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>Get a Human Response\u003C/h3>\n \u003Cp class\path-description\>Fill out our form and a human will get back to you ASAP with detailed information.\u003C/p>\n \u003Ca href\https://wideband.ai/contact\ class\path-cta path-cta-secondary path-cta-form\>\n Fill Out Form\n \u003Csvg width\16\ height\16\ viewBox\0 0 16 16\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M8 3V13M8 13L12 9M8 13L4 9\ stroke\currentColor\ stroke-width\2\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003C/a>\n \u003Cp class\path-meta\>Best for: Detailed questions, written communication\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Who This Is For -->\n\u003Csection class\icp-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>You Are The Bottleneck If...\u003C/h2>\n \n \u003Cdiv class\icp-grid\>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\100\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>You \u003Cstrong>cant leave the job site\u003C/strong> without missing calls that turn into lost money\u003C/p>\n \u003C/div>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\150\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>Leads go to competitors who \u003Cstrong>respond in 5 minutes while youre working\u003C/strong>\u003C/p>\n \u003C/div>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>Youre \u003Cstrong>drowning in texts, voicemails, and missed follow-ups\u003C/strong>\u003C/p>\n \u003C/div>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\250\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>Your evenings are spent \u003Cstrong>returning calls and chasing estimates\u003C/strong>\u003C/p>\n \u003C/div>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\300\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>Reputation suffers because \u003Cstrong>slow response makes you look small-time\u003C/strong>\u003C/p>\n \u003C/div>\n \u003Cdiv class\icp-card\ data-aos\fade-up\ data-aos-delay\350\>\n \u003Cdiv class\icp-check\>✓\u003C/div>\n \u003Cp>You know youre \u003Cstrong>leaving $10K-$50K on the table\u003C/strong> every year from missed opportunities\u003C/p>\n \u003C/div>\n \u003C/div>\n \n \u003Cdiv class\icp-tagline\ data-aos\fade-up\ data-aos-delay\400\>\n \u003Cp>The work is there. The demand is real.\u003C/p>\n \u003Cp>You just need to \u003Cspan class\gradient-text\>stop being the ceiling\u003C/span>.\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- What You Get Section -->\n\u003Csection class\what-you-get\ data-aos\fade-up\>\n \u003Ch2 class\section-title glow-heading\ data-aos\fade-up\>The Complete Value Stack\u003C/h2>\n \u003Cp class\framework-subtitle\ data-aos\fade-up\ data-aos-delay\50\>Everything we do for you. Everything you get back.\u003C/p>\n \n \u003Cdiv class\offering-cards\>\n \u003C!-- Stack 1 -->\n \u003Cdiv class\offering-card\ data-aos\fade-up\ data-aos-delay\100\>\n \u003Cdiv class\offering-number\>WE DO\u003C/div>\n \u003Ch3>Build Your Professional Website\u003C/h3>\n \u003Cp class\offering-subtitle\>Done-For-You in 14 Days\u003C/p>\n \u003Cdiv class\offering-content\>\n \u003Cp>We build, launch, and maintain everything:\u003C/p>\n \u003Cul>\n \u003Cli>\u003Cstrong>We build\u003C/strong> your professional website → so you look legitimate\u003C/li>\n \u003Cli>\u003Cstrong>We install\u003C/strong> lead capture forms → so every visitor can reach you\u003C/li>\n \u003Cli>\u003Cstrong>We set up\u003C/strong> your booking calendar → so customers book themselves\u003C/li>\n \u003Cli>\u003Cstrong>We connect\u003C/strong> missed call text-back → so no call goes unanswered\u003C/li>\n \u003Cli>\u003Cstrong>We create\u003C/strong> your Google presence → so youre found and trusted\u003C/li>\n \u003C/ul>\n \u003Cdiv class\offering-highlight\>\n \u003Cp>\u003Cstrong>YOU GET:\u003C/strong> A business that captures leads 24/7 while youre on jobs. No lost opportunities.\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Stack 2 -->\n \u003Cdiv class\offering-card\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Cdiv class\offering-number\>WE HANDLE\u003C/div>\n \u003Ch3>Automate Response & Follow-Up\u003C/h3>\n \u003Cp class\offering-subtitle\>Zero Manual Work\u003C/p>\n \u003Cdiv class\offering-content\>\n \u003Cp>The system responds and follows up automatically:\u003C/p>\n \u003Cul>\n \u003Cli>\u003Cstrong>We program\u003C/strong> instant responses → so leads get answered in under 5 minutes\u003C/li>\n \u003Cli>\u003Cstrong>We automate\u003C/strong> follow-up texts → so prospects dont go cold\u003C/li>\n \u003Cli>\u003Cstrong>We organize\u003C/strong> all messages in one inbox → so nothing gets lost in texts/calls/emails\u003C/li>\n \u003Cli>\u003Cstrong>We send\u003C/strong> appointment reminders → so you get fewer no-shows\u003C/li>\n \u003Cli>\u003Cstrong>We re-engage\u003C/strong> old leads → so cold prospects become warm bookings\u003C/li>\n \u003C/ul>\n \u003Cdiv class\offering-highlight\>\n \u003Cp>\u003Cstrong>YOU GET:\u003C/strong> Your evenings back. No more chasing leads. Calendar stays full without manual work.\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \n \u003C!-- Stack 3 -->\n \u003Cdiv class\offering-card featured\ data-aos\fade-up\ data-aos-delay\300\>\n \u003Cdiv class\offering-number\>WE MAINTAIN\u003C/div>\n \u003Ch3>Keep Everything Running\u003C/h3>\n \u003Cp class\offering-subtitle\>Ongoing Support\u003C/p>\n \u003Cdiv class\offering-content\>\n \u003Cp>We maintain it so you never touch the tech:\u003C/p>\n \u003Cul>\n \u003Cli>\u003Cstrong>We monitor\u003C/strong> the system daily → so it stays working\u003C/li>\n \u003Cli>\u003Cstrong>We update\u003C/strong> and optimize → so performance improves over time\u003C/li>\n \u003Cli>\u003Cstrong>We provide\u003C/strong> direct support → so you get help when you need it\u003C/li>\n \u003Cli>\u003Cstrong>We adjust\u003C/strong> as your business changes → so it grows with you\u003C/li>\n \u003Cli>\u003Cstrong>We guarantee\u003C/strong> no long-term contract → so you can cancel if it stops delivering\u003C/li>\n \u003C/ul>\n \u003Cdiv class\offering-highlight\>\n \u003Cp>\u003Cstrong>YOU GET:\u003C/strong> Your business runs without you. Zero tech headaches. More jobs. More time.\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Science Section -->\n\u003Csection class\science-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>Why This Actually Works\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\50\>\n The science of speed, trust, and compound follow-up. This isnt theory—its how money moves in service businesses.\n \u003C/p>\n \n \u003Cdiv class\science-grid\>\n \u003C!-- Principle 1 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\100\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\lightningGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00FFB8;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#00D4FF;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\lightningGlow\>\n \u003CfeGaussianBlur stdDeviation\3\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \u003Cpath d\M50 10 L30 45 L45 45 L25 90 L60 50 L45 50 Z\ \n fill\url(#lightningGrad)\ \n filter\url(#lightningGlow)\>\n \u003Canimate attributeName\opacity\ values\1;0.5;1\ dur\1s\ repeatCount\indefinite\/>\n \u003C/path>\n \u003Ccircle cx\50\ cy\50\ r\40\ fill\none\ stroke\url(#lightningGrad)\ stroke-width\1\ opacity\0.3\>\n \u003Canimate attributeName\r\ values\30;45;30\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.3;0;0.3\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Speed Beats Persuasion\u003C/h3>\n \u003Cp>Sales data proves it: respond in 1–5 minutes, conversion explodes. After 15 minutes? Dead. Automation wins because humans are slow, distracted, or unavailable.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 2 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\150\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\targetGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#FF00F5;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#00FFB8;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003C!-- Target circles -->\n \u003Ccircle cx\50\ cy\50\ r\40\ fill\none\ stroke\url(#targetGrad)\ stroke-width\2\ opacity\0.3\/>\n \u003Ccircle cx\50\ cy\50\ r\30\ fill\none\ stroke\url(#targetGrad)\ stroke-width\2\ opacity\0.5\/>\n \u003Ccircle cx\50\ cy\50\ r\20\ fill\none\ stroke\url(#targetGrad)\ stroke-width\2\ opacity\0.7\/>\n \u003Ccircle cx\50\ cy\50\ r\10\ fill\url(#targetGrad)\>\n \u003Canimate attributeName\r\ values\8;12;8\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C!-- Ripple effect -->\n \u003Ccircle cx\50\ cy\50\ r\15\ fill\none\ stroke\url(#targetGrad)\ stroke-width\2\ opacity\0\>\n \u003Canimate attributeName\r\ values\10;45;10\ dur\3s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.8;0;0.8\ dur\3s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Demand Already Exists\u003C/h3>\n \u003Cp>People searching, calling, clicking already have intent. Youre not \creating\ demand—youre capturing it. Most businesses lose money because intent decays before they respond.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 3 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\brainGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00D4FF;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#9d00ff;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\brainGlow\>\n \u003CfeGaussianBlur stdDeviation\2\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \u003C!-- Brain left hemisphere with folds -->\n \u003Cpath d\M35 45 Q30 35 35 28 Q40 20 48 22 Q48 30 45 35 Q42 40 45 45 Q48 50 45 55 Q42 60 45 65 Q48 70 45 75 Q38 78 32 72 Q28 65 30 58 Q32 52 30 48 Q28 45 30 42\ \n fill\none\ stroke\url(#brainGrad)\ stroke-width\2.5\ \n stroke-linecap\round\ stroke-linejoin\round\ filter\url(#brainGlow)\/>\n \n \u003C!-- Brain right hemisphere with folds -->\n \u003Cpath d\M65 45 Q70 35 65 28 Q60 20 52 22 Q52 30 55 35 Q58 40 55 45 Q52 50 55 55 Q58 60 55 65 Q52 70 55 75 Q62 78 68 72 Q72 65 70 58 Q68 52 70 48 Q72 45 70 42\ \n fill\none\ stroke\url(#brainGrad)\ stroke-width\2.5\ \n stroke-linecap\round\ stroke-linejoin\round\ filter\url(#brainGlow)\/>\n \n \u003C!-- Center divide (corpus callosum) -->\n \u003Cline x1\50\ y1\25\ x2\50\ y2\75\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.4\/>\n \n \u003C!-- Brain stem -->\n \u003Cpath d\M48 75 Q48 82 50 85 Q52 82 52 75\ \n fill\none\ stroke\url(#brainGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \n \u003C!-- Inner brain folds (left) -->\n \u003Cpath d\M38 32 Q40 35 38 38\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M36 42 Q38 45 36 48\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M38 52 Q40 55 38 58\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M36 62 Q38 65 36 68\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \n \u003C!-- Inner brain folds (right) -->\n \u003Cpath d\M62 32 Q60 35 62 38\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M64 42 Q62 45 64 48\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M62 52 Q60 55 62 58\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \u003Cpath d\M64 62 Q62 65 64 68\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1.5\ opacity\0.6\/>\n \n \u003C!-- Neural activity pulses -->\n \u003Ccircle cx\40\ cy\40\ r\2\ fill\url(#brainGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\r\ values\2;4;2\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\60\ cy\45\ r\2\ fill\url(#brainGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\ begin\0.5s\/>\n \u003Canimate attributeName\r\ values\2;4;2\ dur\2s\ repeatCount\indefinite\ begin\0.5s\/>\n \u003C/circle>\n \u003Ccircle cx\42\ cy\60\ r\2\ fill\url(#brainGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\ begin\1s\/>\n \u003Canimate attributeName\r\ values\2;4;2\ dur\2s\ repeatCount\indefinite\ begin\1s\/>\n \u003C/circle>\n \u003Ccircle cx\58\ cy\62\ r\2\ fill\url(#brainGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\ begin\1.5s\/>\n \u003Canimate attributeName\r\ values\2;4;2\ dur\2s\ repeatCount\indefinite\ begin\1.5s\/>\n \u003C/circle>\n \n \u003C!-- Thought waves emanating -->\n \u003Ccircle cx\50\ cy\50\ r\30\ fill\none\ stroke\url(#brainGrad)\ stroke-width\1\ opacity\0\>\n \u003Canimate attributeName\r\ values\25;40;25\ dur\3s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.5;0;0.5\ dur\3s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Cognitive Load Kills Decisions\u003C/h3>\n \u003Cp>Every extra step (missed call, voicemail, form with no reply) friction. Systems that close the loop immediately beat better branding, better ads, and better salespeople.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 4 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\250\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\lockGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00FFB8;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#9d00ff;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003C!-- Lock body -->\n \u003Crect x\35\ y\45\ width\30\ height\35\ rx\3\ fill\none\ stroke\url(#lockGrad)\ stroke-width\2.5\/>\n \u003Crect x\37\ y\47\ width\26\ height\31\ rx\2\ fill\url(#lockGrad)\ opacity\0.2\/>\n \u003C!-- Shackle -->\n \u003Cpath d\M40 45 L40 35 Q40 25 50 25 Q60 25 60 35 L60 45\ \n fill\none\ stroke\url(#lockGrad)\ stroke-width\2.5\/>\n \u003C!-- Keyhole -->\n \u003Ccircle cx\50\ cy\60\ r\4\ fill\url(#lockGrad)\>\n \u003Canimate attributeName\opacity\ values\1;0.5;1\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Crect x\48\ y\60\ width\4\ height\8\ fill\url(#lockGrad)\>\n \u003Canimate attributeName\opacity\ values\1;0.5;1\ dur\2s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003C!-- Security shield glow -->\n \u003Ccircle cx\50\ cy\50\ r\35\ fill\none\ stroke\url(#lockGrad)\ stroke-width\1\ opacity\0\>\n \u003Canimate attributeName\r\ values\30;40;30\ dur\3s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.5;0;0.5\ dur\3s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Trust Is Pattern Recognition\u003C/h3>\n \u003Cp>A business that answers immediately, replies consistently, and looks coherent everywhere triggers subconscious trust. Trust accelerates decisions. Decisions create revenue.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 5 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\300\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\refreshGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00D4FF;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#00FFB8;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Cg transform\rotate(0 50 50)\>\n \u003CanimateTransform attributeName\transform\ type\rotate\ \n from\0 50 50\ to\360 50 50\ dur\3s\ repeatCount\indefinite\/>\n \u003C!-- Circular arrow 1 -->\n \u003Cpath d\M50 20 A30 30 0 1 1 20 50\ \n fill\none\ stroke\url(#refreshGrad)\ stroke-width\3\ \n stroke-linecap\round\/>\n \u003Cpolygon points\20,50 15,45 15,55\ fill\url(#refreshGrad)\/>\n \n \u003C!-- Circular arrow 2 -->\n \u003Cpath d\M50 80 A30 30 0 1 1 80 50\ \n fill\none\ stroke\url(#refreshGrad)\ stroke-width\3\ \n stroke-linecap\round\ opacity\0.7\/>\n \u003Cpolygon points\80,50 85,55 85,45\ fill\url(#refreshGrad)\ opacity\0.7\/>\n \u003C/g>\n \u003C!-- Center pulse -->\n \u003Ccircle cx\50\ cy\50\ r\8\ fill\url(#refreshGrad)\ opacity\0.5\>\n \u003Canimate attributeName\r\ values\6;10;6\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.5;0.2;0.5\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Follow-Up Compounds\u003C/h3>\n \u003Cp>Most revenue doesnt come from first contact. It comes from systematic follow-up. Humans dont follow up consistently. Systems do. Compounding follow-up compounding revenue.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 6 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\350\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\timeGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#FF00F5;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#00D4FF;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\timeGlow\>\n \u003CfeGaussianBlur stdDeviation\2\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \n \u003C!-- Stopwatch crown/button -->\n \u003Crect x\47\ y\12\ width\6\ height\8\ rx\1\ fill\url(#timeGrad)\ stroke\url(#timeGrad)\ stroke-width\1\/>\n \u003Ccircle cx\50\ cy\12\ r\3\ fill\url(#timeGrad)\/>\n \n \u003C!-- Stopwatch body outer ring -->\n \u003Ccircle cx\50\ cy\55\ r\32\ fill\none\ stroke\url(#timeGrad)\ stroke-width\3\ filter\url(#timeGlow)\/>\n \u003Ccircle cx\50\ cy\55\ r\28\ fill\rgba(0, 0, 0, 0.3)\ stroke\url(#timeGrad)\ stroke-width\1\/>\n \n \u003C!-- All 12 hour markers -->\n \u003Cline x1\50\ y1\27\ x2\50\ y2\31\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\64.5\ y1\31.5\ x2\62\ y2\34\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\74\ y1\41\ x2\71\ y2\41\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\78\ y1\55\ x2\74\ y2\55\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\74\ y1\69\ x2\71\ y2\69\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\64.5\ y1\78.5\ x2\62\ y2\76\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\50\ y1\83\ x2\50\ y2\79\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\35.5\ y1\78.5\ x2\38\ y2\76\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\26\ y1\69\ x2\29\ y2\69\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\22\ y1\55\ x2\26\ y2\55\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\26\ y1\41\ x2\29\ y2\41\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\35.5\ y1\31.5\ x2\38\ y2\34\ stroke\url(#timeGrad)\ stroke-width\2\ stroke-linecap\round\/>\n \n \u003C!-- Progress ring segments (timer countdown feel) -->\n \u003Ccircle cx\50\ cy\55\ r\36\ fill\none\ stroke\url(#timeGrad)\ stroke-width\1.5\ \n stroke-dasharray\8 4\ opacity\0.4\>\n \u003CanimateTransform attributeName\transform\ type\rotate\ \n from\0 50 55\ to\360 50 55\ dur\4s\ repeatCount\indefinite\/>\n \u003C/circle>\n \n \u003C!-- Second hand (fast moving) -->\n \u003Cline x1\50\ y1\55\ x2\50\ y2\30\ stroke\#FF00F5\ stroke-width\1.5\ stroke-linecap\round\>\n \u003CanimateTransform attributeName\transform\ type\rotate\ \n from\0 50 55\ to\360 50 55\ dur\2s\ repeatCount\indefinite\/>\n \u003C/line>\n \n \u003C!-- Minute hand (medium speed) -->\n \u003Cline x1\50\ y1\55\ x2\50\ y2\35\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\>\n \u003CanimateTransform attributeName\transform\ type\rotate\ \n from\0 50 55\ to\360 50 55\ dur\6s\ repeatCount\indefinite\/>\n \u003C/line>\n \n \u003C!-- Hour hand (slower) -->\n \u003Cline x1\50\ y1\55\ x2\50\ y2\43\ stroke\url(#timeGrad)\ stroke-width\3\ stroke-linecap\round\>\n \u003CanimateTransform attributeName\transform\ type\rotate\ \n from\0 50 55\ to\360 50 55\ dur\12s\ repeatCount\indefinite\/>\n \u003C/line>\n \n \u003C!-- Center pivot -->\n \u003Ccircle cx\50\ cy\55\ r\4\ fill\url(#timeGrad)\/>\n \u003Ccircle cx\50\ cy\55\ r\2\ fill\#000\/>\n \n \u003C!-- Speed/urgency motion lines -->\n \u003Cg opacity\0\>\n \u003Cline x1\83\ y1\35\ x2\90\ y2\28\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\83\ y1\45\ x2\91\ y2\45\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\83\ y1\55\ x2\92\ y2\55\ stroke\url(#timeGrad)\ stroke-width\3\ stroke-linecap\round\/>\n \u003Cline x1\83\ y1\65\ x2\91\ y2\65\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Cline x1\83\ y1\75\ x2\90\ y2\82\ stroke\url(#timeGrad)\ stroke-width\2.5\ stroke-linecap\round\/>\n \u003Canimate attributeName\opacity\ values\0;0.8;0\ dur\1.5s\ repeatCount\indefinite\/>\n \u003C/g>\n \n \u003C!-- Pulsing urgency ring -->\n \u003Ccircle cx\50\ cy\55\ r\32\ fill\none\ stroke\url(#timeGrad)\ stroke-width\1\ opacity\0\>\n \u003Canimate attributeName\r\ values\32;42;32\ dur\2s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.6;0;0.6\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Youre Selling Time Arbitrage\u003C/h3>\n \u003Cp>Wideband monetizes the gap between how fast leads want answers and how slow businesses respond. You install infrastructure that permanently captures that delta.\u003C/p>\n \u003C/div>\n\n \u003C!-- Principle 7 -->\n \u003Cdiv class\science-card\ data-aos\fade-up\ data-aos-delay\400\>\n \u003Csvg class\science-icon-svg\ viewBox\0 0 100 100\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\moneyGrad\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00FFB8;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#FFD700;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\moneyGlow\>\n \u003CfeGaussianBlur stdDeviation\2\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \u003C!-- Dollar sign -->\n \u003Cpath d\M50 25 L50 75 M35 35 Q35 28 50 28 Q65 28 65 38 Q65 48 50 48 Q35 48 35 58 Q35 68 50 68 Q65 68 65 61\ \n fill\none\ stroke\url(#moneyGrad)\ stroke-width\4\ \n stroke-linecap\round\ filter\url(#moneyGlow)\/>\n \u003C!-- Stacks/layers effect -->\n \u003Ccircle cx\50\ cy\50\ r\38\ fill\none\ stroke\url(#moneyGrad)\ stroke-width\2\ opacity\0.3\/>\n \u003Ccircle cx\50\ cy\50\ r\42\ fill\none\ stroke\url(#moneyGrad)\ stroke-width\1.5\ opacity\0.2\/>\n \u003C!-- Coin spinning effect -->\n \u003Cellipse cx\50\ cy\50\ rx\35\ ry\5\ fill\none\ stroke\url(#moneyGrad)\ stroke-width\1.5\ opacity\0.4\>\n \u003Canimate attributeName\ry\ values\5;2;5\ dur\2s\ repeatCount\indefinite\/>\n \u003C/ellipse>\n \u003C!-- Growth arrows -->\n \u003Cpath d\M75 65 L75 55 L85 55\ fill\none\ stroke\url(#moneyGrad)\ stroke-width\2\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\/>\n \u003C/path>\n \u003Cpath d\M70 70 L70 60 L80 60\ fill\none\ stroke\url(#moneyGrad)\ stroke-width\2\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\2s\ repeatCount\indefinite\ begin\0.5s\/>\n \u003C/path>\n \u003C!-- Sparkles -->\n \u003Ccircle cx\30\ cy\30\ r\2\ fill\url(#moneyGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\1.5s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\70\ cy\35\ r\2\ fill\url(#moneyGrad)\ opacity\0\>\n \u003Canimate attributeName\opacity\ values\0;1;0\ dur\1.5s\ repeatCount\indefinite\ begin\0.5s\/>\n \u003C/circle>\n \u003C/svg>\n \u003Ch3>Recurring Value Recurring Revenue\u003C/h3>\n \u003Cp>Once the system is live, it keeps producing outcomes. The client keeps paying. Churn stays low because removal regression.\u003C/p>\n \u003C/div>\n \u003C/div>\n\n \u003C!-- Bottom CTA -->\n \u003Cdiv class\science-cta\ data-aos\fade-up\ data-aos-delay\450\>\n \u003Cp class\gradient-text\>This is why manual follow-up leaves money on the table. Every day.\u003C/p>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\cta-btn cta-btn-large\>Stop Losing Money — Get Set Up Now\u003C/a>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- How It Works -->\n\u003Csection id\how-it-works\ class\transformation-title\ data-aos\fade-up\>\n \u003Ch2>HOW IT WORKS\u003C/h2>\n \u003Cp class\how-subtitle\>You stay on jobs. We handle everything else.\u003C/p>\n\u003C/section>\n\n\u003Csection class\transformation-flow\ data-aos\zoom-in-up\>\n \u003Cdiv class\flow-container\>\n \u003Cdiv class\flow-step\ data-aos\fade-up\ data-aos-delay\0\>\n \u003Cdiv class\step-number\>1\u003C/div>\n \u003Ch3>We Build It (14 Days)\u003C/h3>\n \u003Cp>Website live. Lead capture working. Booking calendar active. Missed call response installed. You keep working. We handle the tech.\u003C/p>\n \u003C/div>\n \u003Cdiv class\flow-arrow\>→\u003C/div>\n\n \u003Cdiv class\flow-step\ data-aos\fade-up\ data-aos-delay\150\>\n \u003Cdiv class\step-number\>2\u003C/div>\n \u003Ch3>It Captures & Responds\u003C/h3>\n \u003Cp>Every lead captured. Instant response (under 5 minutes). Automatic follow-up. No manual work. No missed opportunities.\u003C/p>\n \u003C/div>\n \u003Cdiv class\flow-arrow\>→\u003C/div>\n\n \u003Cdiv class\flow-step\ data-aos\fade-up\ data-aos-delay\300\>\n \u003Cdiv class\step-number\>3\u003C/div>\n \u003Ch3>You Get Your Life Back\u003C/h3>\n \u003Cp>Calendar stays full. Leads get booked. System runs automatically. We maintain it. You focus on work. Evenings are yours again.\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- The Promise Section -->\n\u003Csection class\promise-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>The Iron-Clad Guarantee\u003C/h2>\n \u003Cp class\no-hype-label\ data-aos\fade-up\ data-aos-delay\50\>You Take Zero Risk. We Take All The Risk.\u003C/p>\n \n \u003Cdiv class\promise-grid\>\n \u003Cdiv class\promise-column not-promise\ data-aos\fade-up\ data-aos-delay\100\>\n \u003Ch3>You Do NOTHING\u003C/h3>\n \u003Cul>\n \u003Cli>\u003Cspan class\x-mark\>✕\u003C/span> No tech to learn or manage\u003C/li>\n \u003Cli>\u003Cspan class\x-mark\>✕\u003C/span> No software to figure out\u003C/li>\n \u003Cli>\u003Cspan class\x-mark\>✕\u003C/span> No long-term contracts or lock-in\u003C/li>\n \u003Cli>\u003Cspan class\x-mark\>✕\u003C/span> No risk if it doesnt work\u003C/li>\n \u003C/ul>\n \u003C/div>\n \n \u003Cdiv class\promise-divider\ data-aos\fade-up\ data-aos-delay\150\>\u003C/div>\n \n \u003Cdiv class\promise-column do-promise\ data-aos\fade-up\ data-aos-delay\200\>\n \u003Ch3>You GET Everything\u003C/h3>\n \u003Cul>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> Live in 14 days, fully functional\u003C/li>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> We build, launch, and maintain it all\u003C/li>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> Zero missed leads (instant capture + response)\u003C/li>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> Automatic follow-up (no manual work)\u003C/li>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> Your evenings and weekends back\u003C/li>\n \u003Cli>\u003Cspan class\check-mark\>✓\u003C/span> Cancel anytime if we stop delivering\u003C/li>\n \u003C/ul>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Final CTA Section -->\n\u003Csection class\cta-section\ data-aos\zoom-in\>\n \u003Cdiv class\cta-box\>\n \u003Cp class\cta-label\>⚡ Done in 14 Days\u003C/p>\n \u003Ch3 class\cta-headline\>Stop Being The Bottleneck. Start Running A Real Business.\u003C/h3>\n \u003Cp class\cta-description\>Live in 14 days. We build it, launch it, and maintain it. You focus on jobs. Your business captures leads, responds instantly, and books work automatically. Cancel anytime. Zero risk.\u003C/p>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\cta-btn cta-btn-large\>Get Set Up in 14 Days\u003C/a>\n \u003Cp class\cta-subtext\>\n \u003Cspan class\cta-indicator\>\u003C/span>\n Limited spots • Every day you wait, money walks out the door\n \u003C/p>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Prefer to Build It Yourself -->\n\u003Csection class\diy-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container diy-container\>\n \u003Ch2 class\diy-heading\>Have Time to Build It Yourself?\u003C/h2>\n \u003Cp class\diy-text\>If youd rather DIY, access the platform tools and build at your own pace. No done-for-you support.\u003C/p>\n \u003Ca href\https://systems.wideband.ai\ class\cta-btn cta-btn-outline\>Self-Service Option\u003C/a>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Services Link -->\n\u003Cdiv class\neon-highlight-section\ data-aos\zoom-in\>\n \u003Ca href\https://wideband.ai/services\ class\neon-button\>\n View Our Full Spectrum of Services\n \u003C/a>\n\u003C/div>\n\n\u003C!-- Book Your Call Popup -->\n\u003Cdiv class\book-call-popup\ id\book-call-popup\>\n \u003Cdiv class\popup-backdrop\ onclick\closeBookCallPopup()\>\u003C/div>\n \u003Cdiv class\popup-content\>\n \u003Cbutton class\popup-close\ onclick\closeBookCallPopup()\ aria-label\Close\>\n \u003Csvg width\24\ height\24\ viewBox\0 0 24 24\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M18 6L6 18M6 6L18 18\ stroke\currentColor\ stroke-width\2\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003C/button>\n \u003Cdiv class\popup-icon-wrapper\>\n \u003Csvg class\popup-icon\ width\80\ height\80\ viewBox\0 0 80 80\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\popupGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#3B82F6;stop-opacity:1\ />\n \u003Cstop offset\50%\ style\stop-color:#8B5CF6;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#60A5FA;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003Cfilter id\popupGlow\>\n \u003CfeGaussianBlur stdDeviation\4\ result\coloredBlur\/>\n \u003CfeMerge>\n \u003CfeMergeNode in\coloredBlur\/>\n \u003CfeMergeNode in\SourceGraphic\/>\n \u003C/feMerge>\n \u003C/filter>\n \u003C/defs>\n \u003Ccircle cx\40\ cy\40\ r\35\ fill\url(#popupGradient)\ opacity\0.2\/>\n \u003Ccircle cx\40\ cy\40\ r\35\ stroke\url(#popupGradient)\ stroke-width\3\ filter\url(#popupGlow)\/>\n \u003Cpath d\M25 40 L35 50 L55 30\ stroke\url(#popupGradient)\ stroke-width\4\ stroke-linecap\round\ stroke-linejoin\round\ filter\url(#popupGlow)\/>\n \u003Ccircle cx\40\ cy\40\ r\30\ fill\none\ stroke\url(#popupGradient)\ stroke-width\1\ opacity\0.3\>\n \u003Canimate attributeName\r\ values\30;40;30\ dur\3s\ repeatCount\indefinite\/>\n \u003Canimate attributeName\opacity\ values\0.3;0;0.3\ dur\3s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C/svg>\n \u003C/div>\n \u003Ch2 class\popup-title\>Ready to Go to the Next Level?\u003C/h2>\n \u003Cp class\popup-subtitle\>Lets get you booked in\u003C/p>\n \u003Ca href\https://api.wideband.ai/widget/booking/dfOoDfodyKegPlSb9rRg\ class\popup-cta-btn\>\n Book Your Call Now\n \u003Csvg width\20\ height\20\ viewBox\0 0 20 20\ fill\none\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cpath d\M7.5 15L12.5 10L7.5 5\ stroke\currentColor\ stroke-width\2\ stroke-linecap\round\ stroke-linejoin\round\/>\n \u003C/svg>\n \u003C/a>\n \u003Cp class\popup-meta\>15-minute call • See how well set up your system\u003C/p>\n \u003C/div>\n\u003C/div>\n\n\u003C!-- Free Resources Section -->\n\u003Csection id\free-resources\ class\free-resources-section\ data-aos\fade-up\>\n \u003Cdiv class\glass-container\>\n \u003Ch2 class\glow-heading\ data-aos\fade-up\>Free Resources for Busy Operators\u003C/h2>\n \u003Cp class\section-intro\ data-aos\fade-up\ data-aos-delay\50\>\n Guides to help you work smarter and run your business better\n \u003C/p>\n \n \u003Cdiv class\resources-grid\ data-aos\fade-up\ data-aos-delay\100\>\n \u003C!-- Prompting Guide -->\n \u003Cdiv class\resource-card featured-resource\>\n \u003Cdiv class\resource-badge\>FREE\u003C/div>\n \u003Cdiv class\resource-image-placeholder\>\n \u003Csvg class\resource-icon-svg\ viewBox\0 0 200 200\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\promptGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#00f0ff;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#9d00ff;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Cg class\prompt-icon\>\n \u003C!-- Command prompt icon -->\n \u003Crect x\50\ y\60\ width\100\ height\80\ rx\6\ fill\none\ stroke\url(#promptGradient)\ stroke-width\3\ opacity\0.8\>\n \u003Canimate attributeName\opacity\ values\0.8;1;0.8\ dur\2s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003C!-- Prompt lines -->\n \u003Cline x1\65\ y1\80\ x2\105\ y2\80\ stroke\#00f0ff\ stroke-width\3\ stroke-linecap\round\>\n \u003Canimate attributeName\x2\ values\65;105;65\ dur\3s\ repeatCount\indefinite\/>\n \u003C/line>\n \u003Cline x1\65\ y1\100\ x2\125\ y2\100\ stroke\#00f0ff\ stroke-width\3\ stroke-linecap\round\ opacity\0.7\>\n \u003Canimate attributeName\x2\ values\65;125;65\ dur\3s\ begin\0.5s\ repeatCount\indefinite\/>\n \u003C/line>\n \u003Cline x1\65\ y1\120\ x2\95\ y2\120\ stroke\#9d00ff\ stroke-width\3\ stroke-linecap\round\ opacity\0.6\>\n \u003Canimate attributeName\x2\ values\65;95;65\ dur\3s\ begin\1s\ repeatCount\indefinite\/>\n \u003C/line>\n \u003C!-- Cursor blink -->\n \u003Crect x\110\ y\115\ width\3\ height\12\ fill\#00f0ff\>\n \u003Canimate attributeName\opacity\ values\1;0;1\ dur\1s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003C/g>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>The Prompting Guide\u003C/h3>\n \u003Cp class\resource-description\>Use these prompts to think clearly, reflect deeply, and execute intelligently. Beginner to expert prompts for business clarity.\u003C/p>\n \u003Ca href\https://wideband.ai/prompts\ class\cta-btn cta-btn-resource\ target\_blank\>Access Prompts Now\u003C/a>\n \u003C/div>\n \n \u003C!-- AI Blueprint -->\n \u003Cdiv class\resource-card\>\n \u003Cdiv class\resource-badge\>FREE\u003C/div>\n \u003Cdiv class\resource-image-placeholder\>\n \u003Csvg class\resource-icon-svg\ viewBox\0 0 200 200\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\blueprintGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#3B82F6;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#60A5FA;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Cg class\blueprint-flow\>\n \u003Crect x\60\ y\50\ width\80\ height\20\ fill\none\ stroke\url(#blueprintGradient)\ stroke-width\2\ rx\4\>\n \u003Canimate attributeName\stroke-opacity\ values\0.5;1;0.5\ dur\2s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003Crect x\60\ y\90\ width\80\ height\20\ fill\none\ stroke\url(#blueprintGradient)\ stroke-width\2\ rx\4\>\n \u003Canimate attributeName\stroke-opacity\ values\0.5;1;0.5\ dur\2s\ begin\0.3s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003Crect x\60\ y\130\ width\80\ height\20\ fill\none\ stroke\url(#blueprintGradient)\ stroke-width\2\ rx\4\>\n \u003Canimate attributeName\stroke-opacity\ values\0.5;1;0.5\ dur\2s\ begin\0.6s\ repeatCount\indefinite\/>\n \u003C/rect>\n \u003Cline x1\100\ y1\70\ x2\100\ y2\90\ stroke\#60A5FA\ stroke-width\2\>\n \u003Canimate attributeName\stroke-dasharray\ values\0,30;30,0\ dur\1.5s\ repeatCount\indefinite\/>\n \u003C/line>\n \u003Cline x1\100\ y1\110\ x2\100\ y2\130\ stroke\#60A5FA\ stroke-width\2\>\n \u003Canimate attributeName\stroke-dasharray\ values\0,30;30,0\ dur\1.5s\ begin\0.3s\ repeatCount\indefinite\/>\n \u003C/line>\n \u003C/g>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>The AI Business Blueprint\u003C/h3>\n \u003Cp class\resource-description\>7 principles to build with AI, not be replaced by it. Your field guide and alignment checklist before automating anything.\u003C/p>\n \u003Ca href\https://wideband.ai/blueprint\ class\cta-btn cta-btn-resource\ target\_blank\>Access Blueprint Now\u003C/a>\n \u003C/div>\n \n \u003C!-- Revenue Calculator -->\n \u003Cdiv class\resource-card\>\n \u003Cdiv class\resource-badge\>FREE\u003C/div>\n \u003Cdiv class\resource-image-placeholder\>\n \u003Csvg class\resource-icon-svg\ viewBox\0 0 200 200\ xmlns\http://www.w3.org/2000/svg\>\n \u003Cdefs>\n \u003ClinearGradient id\calculatorGradient\ x1\0%\ y1\0%\ x2\100%\ y2\100%\>\n \u003Cstop offset\0%\ style\stop-color:#60A5FA;stop-opacity:1\ />\n \u003Cstop offset\100%\ style\stop-color:#8B5CF6;stop-opacity:1\ />\n \u003C/linearGradient>\n \u003C/defs>\n \u003Cg class\calculator-icon\>\n \u003C!-- Calculator body -->\n \u003Crect x\50\ y\40\ width\100\ height\120\ rx\8\ fill\url(#calculatorGradient)\ opacity\0.2\/>\n \u003Crect x\50\ y\40\ width\100\ height\120\ rx\8\ stroke\url(#calculatorGradient)\ stroke-width\3\/>\n \u003C!-- Screen -->\n \u003Crect x\60\ y\50\ width\80\ height\25\ rx\3\ fill\rgba(0, 0, 0, 0.3)\ stroke\url(#calculatorGradient)\ stroke-width\2\/>\n \u003C!-- Screen numbers -->\n \u003Ctext x\140\ y\70\ font-family\monospace\ font-size\16\ font-weight\bold\ fill\url(#calculatorGradient)\ text-anchor\end\>$12,450\u003C/text>\n \u003C!-- Buttons grid -->\n \u003Ccircle cx\70\ cy\95\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\100\ cy\95\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ begin\0.2s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\130\ cy\95\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ begin\0.4s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\70\ cy\120\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ begin\0.6s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\100\ cy\120\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ begin\0.8s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003Ccircle cx\130\ cy\120\ r\8\ fill\url(#calculatorGradient)\ opacity\0.3\>\n \u003Canimate attributeName\opacity\ values\0.3;0.6;0.3\ dur\2s\ begin\1s\ repeatCount\indefinite\/>\n \u003C/circle>\n \u003C!-- Plus sign on last button -->\n \u003Cline x1\125\ y1\145\ x2\135\ y2\145\ stroke\url(#calculatorGradient)\ stroke-width\2\ stroke-linecap\round\/>\n \u003Cline x1\130\ y1\140\ x2\130\ y2\150\ stroke\url(#calculatorGradient)\ stroke-width\2\ stroke-linecap\round\/>\n \u003C/g>\n \u003C/svg>\n \u003C/div>\n \u003Ch3>Revenue Loss Calculator\u003C/h3>\n \u003Cp class\resource-description\>Calculate how much money youre losing from missed calls and slow response times. See the real cost of being the bottleneck.\u003C/p>\n \u003Ca href\https://wideband.ai/calculator\ class\cta-btn cta-btn-resource\ target\_blank\>Calculate Your Loss\u003C/a>\n \u003C/div>\n \u003C/div>\n \u003C/div>\n\u003C/section>\n\n\u003C!-- Styles -->\n\u003Cstyle>\n :root {\n --cyan: #00f0ff;\n --purple: #9d00ff;\n --dark: #0a0a0f;\n --glass-bg: rgba(0, 0, 0, 0.55);\n --glass-border: rgba(0, 255, 255, 0.15);\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n font-family: Orbitron, sans-serif;\n color: #fff;\n background-color: #000;\n }\n\n #bg-video {\n position: fixed;\n top: 0; left: 0;\n width: 100vw; height: 100vh;\n object-fit: cover;\n z-index: -1;\n pointer-events: none;\n opacity: 1;\n }\n\n /* Navigation */\n .corner-logo {\n width: 40px;\n height: 40px;\n object-fit: contain;\n display: block;\n margin-right: 1rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.3));\n flex-shrink: 0;\n }\n\n .corner-logo:hover {\n transform: scale(1.05) rotate(5deg);\n filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.6));\n }\n\n .nav-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex-shrink: 0;\n }\n\n /* Make the left Login pill sit nicely beside the logo */\n .nav-link.nav-contact-btn {\n font-size: 0.75rem;\n padding: 0.4rem 0.9rem;\n }\n\n .nav-link.nav-login.nav-login-left {\n font-size: 0.75rem;\n letter-spacing: 0.5px;\n padding: 0.4rem 0.9rem;\n }\n\n .nav-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n background: rgba(10, 10, 15, 0.4);\n backdrop-filter: blur(20px) saturate(180%);\n -webkit-backdrop-filter: blur(20px) saturate(180%);\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n max-width: 100vw;\n z-index: 1000;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: visible;\n min-height: 60px;\n box-sizing: border-box;\n }\n\n /* Enhanced floating effect when scrolled */\n .nav-bar.scrolled {\n background: rgba(10, 10, 15, 0.7);\n backdrop-filter: blur(25px) saturate(200%);\n -webkit-backdrop-filter: blur(25px) saturate(200%);\n padding: 0.75rem 1.5rem;\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), \n 0 0 80px rgba(0, 240, 255, 0.08);\n border-bottom: 1px solid rgba(0, 240, 255, 0.15);\n }\n\n /* Floating inner container for extra glass effect */\n .nav-bar::before {\n content: ;\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(0, 240, 255, 0.03) 0%,\n rgba(255, 0, 255, 0.02) 100%\n );\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n .nav-bar.scrolled::before {\n opacity: 1;\n }\n\n /* Subtle shimmer effect that scans across navbar */\n .nav-bar::after {\n content: ;\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent 0%,\n rgba(0, 240, 255, 0.1) 50%,\n transparent 100%\n );\n pointer-events: none;\n animation: shimmer 8s ease-in-out infinite;\n animation-delay: 2s;\n z-index: -1;\n }\n\n @keyframes shimmer {\n 0% {\n left: -100%;\n }\n 20% {\n left: 100%;\n }\n 100% {\n left: 100%;\n }\n }\n\n /* Add top padding to body to compensate for fixed navbar */\n body {\n padding-top: 80px;\n }\n\n .menu-toggle {\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n position: relative;\n margin-left: auto;\n z-index: 1001;\n padding: 0.5rem;\n border-radius: 8px;\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n width: 40px;\n height: 40px;\n flex-shrink: 0;\n box-sizing: border-box;\n }\n\n .menu-toggle:hover {\n background: rgba(0, 240, 255, 0.1);\n border-color: rgba(0, 240, 255, 0.3);\n }\n\n .menu-toggle .bar {\n width: 22px;\n height: 2px;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(0, 240, 255, 0.8));\n margin: 3px 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 2px;\n display: block;\n }\n\n .menu-toggle.open .bar:nth-child(1) {\n transform: rotate(-45deg) translate(-5px, 6px);\n background: linear-gradient(90deg, rgba(0, 240, 255, 0.9), rgba(255, 0, 255, 0.8));\n }\n\n .menu-toggle.open .bar:nth-child(2) {\n opacity: 0;\n transform: translateX(20px);\n }\n\n .menu-toggle.open .bar:nth-child(3) {\n transform: rotate(45deg) translate(-5px, -6px);\n background: linear-gradient(90deg, rgba(0, 240, 255, 0.9), rgba(255, 0, 255, 0.8));\n }\n\n .nav-links {\n display: flex;\n flex-wrap: nowrap;\n gap: 1.25rem;\n justify-content: center;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n flex: 1;\n min-width: 0;\n padding: 0 1rem;\n /* Hide scrollbar but keep functionality */\n scrollbar-width: none;\n -ms-overflow-style: none;\n position: relative;\n }\n\n .nav-links::-webkit-scrollbar {\n display: none;\n }\n\n .nav-link {\n color: rgba(255, 255, 255, 0.9);\n text-decoration: none;\n position: relative;\n font-size: 0.85rem;\n letter-spacing: 0.5px;\n padding: 0.5rem 0.75rem;\n border-radius: 8px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n white-space: nowrap;\n flex-shrink: 0;\n }\n\n .nav-link::before {\n content: \\;\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(255, 0, 255, 0.05));\n border-radius: 8px;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .nav-link:hover::before {\n opacity: 1;\n }\n\n .nav-link::after {\n content: \\;\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--cyan), var(--purple));\n transition: width 0.3s ease;\n border-radius: 2px;\n }\n\n .nav-link:hover {\n color: white;\n transform: translateY(-2px);\n }\n\n .nav-link:hover::after {\n width: 70%;\n }\n\n /* Contact form button */\n .nav-link.nav-contact-btn {\n padding: 0.5rem 1.25rem;\n border: 1px solid rgba(168, 85, 247, 0.5);\n border-radius: 999px;\n background: linear-gradient(\n 135deg,\n rgba(168, 85, 247, 0.2) 0%,\n rgba(59, 130, 246, 0.15) 50%,\n rgba(168, 85, 247, 0.2) 100%\n );\n color: #C084FC;\n font-weight: 600;\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 20px rgba(168, 85, 247, 0.2);\n }\n\n .nav-link.nav-contact-btn:hover {\n background: linear-gradient(\n 135deg,\n rgba(168, 85, 247, 0.3) 0%,\n rgba(59, 130, 246, 0.25) 50%,\n rgba(168, 85, 247, 0.3) 100%\n );\n border-color: rgba(168, 85, 247, 0.7);\n box-shadow: 0 6px 25px rgba(168, 85, 247, 0.35);\n transform: translateY(-2px);\n color: #E9D5FF;\n }\n\n .nav-link.nav-contact-btn:hover::after {\n width: 0;\n }\n\n /* Emphasized Login link */\n .nav-link.nav-login {\n padding: 0.5rem 1.25rem;\n border: 1px solid rgba(0, 240, 255, 0.4);\n border-radius: 999px;\n background: linear-gradient(\n 135deg,\n rgba(0, 240, 255, 0.12) 0%,\n rgba(0, 200, 255, 0.08) 100%\n );\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 20px rgba(0, 240, 255, 0.15),\n inset 0 1px 1px rgba(255, 255, 255, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .nav-link.nav-login::before {\n opacity: 0;\n background: linear-gradient(135deg, rgba(0, 240, 255, 0.25), rgba(255, 0, 255, 0.15));\n }\n\n .nav-link.nav-login:hover {\n background: linear-gradient(\n 135deg,\n rgba(0, 240, 255, 0.25) 0%,\n rgba(0, 220, 255, 0.18) 100%\n );\n border-color: rgba(0, 240, 255, 0.6);\n box-shadow: 0 6px 25px rgba(0, 240, 255, 0.25),\n inset 0 1px 1px rgba(255, 255, 255, 0.2);\n transform: translateY(-2px);\n }\n\n .nav-link.nav-login:hover::after {\n width: 0;\n }\n\n /* Hero Section */\n .hero {\n max-width: 900px;\n margin: auto;\n padding: 6rem 1.5rem 4rem;\n text-align: center;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 0.5rem 1.25rem;\n background: rgba(0, 240, 255, 0.1);\n border: 1px solid var(--cyan);\n border-radius: 50px;\n font-size: 0.75rem;\n letter-spacing: 2px;\n color: var(--cyan);\n margin-bottom: 2rem;\n animation: pulse-border 2s infinite;\n }\n\n @keyframes pulse-border {\n 0%, 100% { box-shadow: 0 0 5px rgba(0, 240, 255, 0.3); }\n 50% { box-shadow: 0 0 20px rgba(0, 240, 255, 0.6); }\n }\n\n .hero h1 {\n font-size: 2.8rem;\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 1.5rem;\n }\n\n .gradient-text-hero {\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-subtext {\n font-family: Space Mono, monospace;\n font-size: 1rem;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.85);\n max-width: 700px;\n margin: 0 auto 2rem;\n }\n\n .hero-cta-group {\n display: inline-flex;\n gap: 0.9rem;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n }\n\n .hero-urgency {\n font-family: Space Mono, monospace;\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.7);\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n }\n\n .hero-phone {\n margin-top: 2rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .hero-phone-wrapper {\n display: inline-block;\n padding: 2px;\n border-radius: 50px;\n background: linear-gradient(\n 135deg,\n #4F46E5,\n #6366F1,\n #4F46E5\n );\n background-size: 200% 200%;\n animation: gradient-shift 3s ease infinite;\n box-shadow: \n 0 0 20px rgba(79, 70, 229, 0.4),\n 0 0 40px rgba(99, 102, 241, 0.3);\n }\n\n .hero-phone-link {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem 1.5rem;\n background: rgba(79, 70, 229, 0.15);\n border-radius: 50px;\n color: #818CF8;\n text-decoration: none;\n font-family: Orbitron, sans-serif;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 20px rgba(79, 70, 229, 0.2);\n }\n\n .hero-phone-wrapper:hover {\n animation: gradient-shift 1.5s ease infinite;\n box-shadow: \n 0 0 25px rgba(79, 70, 229, 0.6),\n 0 0 50px rgba(99, 102, 241, 0.4);\n }\n\n .hero-phone-link:hover {\n background: rgba(79, 70, 229, 0.25);\n transform: translateY(-2px);\n color: #fff;\n box-shadow: 0 6px 30px rgba(79, 70, 229, 0.4);\n }\n\n .hero-phone-icon {\n width: 20px;\n height: 20px;\n display: inline-block;\n animation: pulse-phone 2s infinite ease-in-out;\n flex-shrink: 0;\n color: #818CF8;\n }\n\n .hero-phone-number {\n letter-spacing: 0.5px;\n }\n\n @keyframes pulse-phone {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n }\n\n @keyframes gradient-shift {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n .urgency-dot {\n width: 8px;\n height: 8px;\n background: #ff6b6b;\n border-radius: 50%;\n display: inline-block;\n animation: pulse-dot 2s infinite;\n }\n\n @keyframes pulse-dot {\n 0%, 100% {\n opacity: 1;\n box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7);\n }\n 50% {\n opacity: 0.8;\n box-shadow: 0 0 0 6px rgba(255, 107, 107, 0);\n }\n }\n\n .cta-btn-outline {\n background: transparent;\n color: var(--cyan);\n border: 1px solid rgba(0, 240, 255, 0.7);\n box-shadow: 0 0 12px rgba(0, 240, 255, 0.2);\n }\n\n .cta-btn-outline:hover {\n transform: translateY(-3px);\n box-shadow: 0 0 25px rgba(157, 0, 255, 0.55);\n }\n\n .cta-btn-apply {\n background: linear-gradient(135deg, #3B82F6, #60A5FA);\n color: #fff;\n border: none;\n box-shadow: \n 0 0 20px rgba(59, 130, 246, 0.5),\n 0 0 40px rgba(59, 130, 246, 0.3);\n }\n\n .cta-btn-apply:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 0 30px rgba(59, 130, 246, 0.7),\n 0 0 60px rgba(59, 130, 246, 0.5);\n }\n\n /* Sections */\n section {\n max-width: 1000px;\n margin: auto;\n padding: 4rem 1rem;\n text-align: center;\n }\n\n .glass-container {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);\n border-radius: 20px;\n padding: 3rem 2rem;\n backdrop-filter: blur(12px);\n }\n\n .glass-container.dark-variant {\n background: rgba(15, 0, 20, 0.7);\n border-color: rgba(157, 0, 255, 0.2);\n }\n\n .glow-heading {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n background: linear-gradient(90deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: bold;\n }\n\n /* What This Is Section */\n .what-this-is {\n padding-top: 2rem;\n }\n\n .section-intro {\n font-family: Space Mono, monospace;\n font-size: 1.1rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.9);\n max-width: 700px;\n margin: 0 auto 2.5rem;\n }\n\n /* Pricing Section */\n .pricing-section {\n padding: 4rem 1rem;\n background: linear-gradient(180deg, rgba(59, 130, 246, 0.05), transparent);\n }\n\n .pricing-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .pricing-badge {\n display: inline-block;\n padding: 0.6rem 1.5rem;\n background: linear-gradient(135deg, #3B82F6, #60A5FA);\n color: #fff;\n font-size: 0.9rem;\n font-weight: bold;\n letter-spacing: 1.5px;\n border-radius: 50px;\n margin-bottom: 1.5rem;\n box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);\n }\n\n .pricing-value {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin: 2rem 0;\n }\n\n .pricing-includes {\n background: rgba(0, 240, 255, 0.05);\n border: 1px solid rgba(0, 240, 255, 0.2);\n border-radius: 12px;\n padding: 2rem;\n text-align: left;\n }\n\n .pricing-includes h3 {\n font-size: 1.2rem;\n color: var(--cyan);\n margin-bottom: 1.5rem;\n }\n\n .pricing-includes ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .pricing-includes li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n margin-bottom: 1rem;\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n .check-icon {\n color: #60A5FA;\n font-size: 1.1rem;\n flex-shrink: 0;\n text-shadow: 0 0 8px rgba(96, 165, 250, 0.5);\n }\n\n .pricing-model {\n background: rgba(157, 0, 255, 0.05);\n border: 1px solid rgba(157, 0, 255, 0.2);\n border-radius: 12px;\n padding: 2rem;\n text-align: left;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .pricing-model h3 {\n font-size: 1.2rem;\n color: var(--purple);\n margin-bottom: 1rem;\n }\n\n .pricing-model p {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n line-height: 1.7;\n margin-bottom: 0.75rem;\n color: rgba(255, 255, 255, 0.85);\n }\n\n .model-emphasis {\n font-size: 1rem !important;\n font-weight: 600;\n padding: 1rem;\n background: rgba(59, 130, 246, 0.1);\n border-radius: 8px;\n border-left: 3px solid #60A5FA;\n margin: 1rem 0 !important;\n }\n\n .pricing-cta {\n text-align: center;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(0, 255, 255, 0.1);\n }\n\n /* Choose Your Path Section */\n .choose-path-section {\n padding: 4rem 1rem;\n }\n\n .path-options-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n max-width: 1100px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .path-card {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .path-card:hover {\n transform: translateY(-5px);\n border-color: var(--cyan);\n box-shadow: 0 10px 40px rgba(0, 240, 255, 0.2);\n }\n\n .path-card-primary {\n border-color: rgba(59, 130, 246, 0.5);\n background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(96, 165, 250, 0.05));\n box-shadow: 0 0 30px rgba(59, 130, 246, 0.15);\n }\n\n .path-card-primary:hover {\n border-color: rgba(59, 130, 246, 0.8);\n box-shadow: 0 10px 50px rgba(59, 130, 246, 0.3);\n }\n\n .path-icon-wrapper {\n margin-bottom: 1.5rem;\n position: relative;\n }\n\n .path-icon {\n width: 64px;\n height: 64px;\n filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.4));\n animation: float-icon 3s ease-in-out infinite;\n }\n\n .path-card:nth-child(2) .path-icon {\n filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.4));\n animation-delay: 0.5s;\n }\n\n .path-card:nth-child(3) .path-icon {\n filter: drop-shadow(0 0 10px rgba(96, 165, 250, 0.4));\n animation-delay: 1s;\n }\n\n .path-card h3 {\n font-size: 1.3rem;\n margin-bottom: 0.75rem;\n color: var(--cyan);\n font-weight: 600;\n }\n\n .path-card-primary h3 {\n color: #60A5FA;\n }\n\n .path-description {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n margin-bottom: 1.5rem;\n flex: 1;\n }\n\n .path-cta {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.75rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n transition: all 0.3s ease;\n margin-bottom: 1rem;\n }\n\n .path-cta-primary {\n background: linear-gradient(135deg, #3B82F6, #60A5FA);\n color: #fff;\n box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);\n }\n\n .path-cta-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 30px rgba(59, 130, 246, 0.6);\n }\n\n .path-cta-secondary {\n background: linear-gradient(135deg, #8B5CF6, #A78BFA);\n color: #fff;\n box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);\n border: none;\n }\n\n .path-cta-secondary:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 30px rgba(139, 92, 246, 0.6);\n color: #fff;\n }\n\n .path-cta-ai {\n background: linear-gradient(135deg, #8B5CF6, #A78BFA);\n box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);\n }\n\n .path-cta-ai:hover {\n box-shadow: 0 6px 30px rgba(139, 92, 246, 0.6);\n }\n\n .path-cta-form {\n background: linear-gradient(135deg, #60A5FA, #8B5CF6);\n box-shadow: 0 4px 20px rgba(96, 165, 250, 0.4);\n }\n\n .path-cta-form:hover {\n box-shadow: 0 6px 30px rgba(96, 165, 250, 0.6);\n }\n\n .path-meta {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n font-style: italic;\n margin: 0;\n }\n\n .bonus-notice-wrapper {\n display: inline-block;\n padding: 2px;\n border-radius: 16px;\n background: linear-gradient(135deg, #3B82F6, #8B5CF6, #3B82F6);\n background-size: 200% 200%;\n animation: gradient-shift 3s ease infinite;\n margin-bottom: 1.5rem;\n box-shadow: \n 0 0 30px rgba(59, 130, 246, 0.4),\n 0 0 60px rgba(139, 92, 246, 0.3);\n }\n\n .bonus-notice {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));\n border-radius: 14px;\n padding: 2rem 2rem;\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n text-align: center;\n color: rgba(255, 255, 255, 0.95);\n position: relative;\n overflow: hidden;\n box-shadow: \n inset 0 0 30px rgba(59, 130, 246, 0.1);\n }\n\n .bonus-notice::before {\n content: ;\n position: absolute;\n inset: -50%;\n width: 200%;\n height: 200%;\n background: conic-gradient(\n from 0deg,\n transparent,\n rgba(59, 130, 246, 0.1),\n rgba(139, 92, 246, 0.1),\n transparent\n );\n animation: rotate-shine 4s linear infinite;\n z-index: -1;\n }\n\n .bonus-icon {\n width: 64px;\n height: 64px;\n margin-bottom: 0.5rem;\n filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.5));\n animation: float-icon 3s ease-in-out infinite;\n }\n\n @keyframes rotate-shine {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n @keyframes float-icon {\n 0%, 100% {\n transform: translateY(0) scale(1);\n }\n 50% {\n transform: translateY(-8px) scale(1.05);\n }\n }\n\n .bonus-notice p {\n margin: 0;\n line-height: 1.6;\n }\n\n .bonus-notice .cta-btn-large {\n margin-top: 1rem;\n }\n\n .bonus-notice .urgency-text {\n margin-top: 1rem;\n margin-bottom: 0;\n }\n\n .urgency-text {\n font-family: Space Mono, monospace;\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n }\n\n .urgency-dot-inline {\n width: 6px;\n height: 6px;\n background: #ff6b6b;\n border-radius: 50%;\n display: inline-block;\n animation: pulse-dot 2s infinite;\n }\n\n /* Free Resources Section */\n .free-resources-section {\n padding: 4rem 1rem;\n overflow: hidden;\n }\n\n .free-resources-section .glass-container {\n overflow: visible;\n }\n\n .resources-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n max-width: 900px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n .resource-card {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 16px;\n padding: 2rem 1.5rem;\n text-align: center;\n position: relative;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n min-height: 500px;\n overflow: hidden;\n }\n\n .resource-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\n }\n\n .resource-card.featured-resource {\n border-color: rgba(59, 130, 246, 0.5);\n box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);\n }\n\n .resource-badge {\n position: absolute;\n top: 1rem;\n right: 1rem;\n background: linear-gradient(135deg, #3B82F6, #60A5FA);\n color: #fff;\n font-size: 0.75rem;\n font-weight: bold;\n padding: 0.4rem 0.8rem;\n border-radius: 20px;\n letter-spacing: 0.5px;\n }\n\n .resource-badge.price-badge {\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n }\n\n .resource-image-placeholder {\n width: 100%;\n max-width: 100%;\n height: 180px;\n background: rgba(0, 240, 255, 0.05);\n border: 1px solid rgba(0, 240, 255, 0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n overflow: hidden;\n }\n\n .resource-icon {\n font-size: 4rem;\n }\n\n .resource-icon-svg {\n width: 100px;\n height: 100px;\n filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.4));\n }\n\n .prompt-icon {\n transform-origin: center;\n }\n\n .blueprint-flow {\n transform-origin: center;\n }\n\n .resource-image {\n width: 100%;\n height: 200px;\n margin-bottom: 1.5rem;\n border-radius: 12px;\n overflow: hidden;\n }\n\n .resource-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .resource-card h3 {\n font-size: 1.15rem;\n margin-bottom: 1rem;\n color: var(--cyan);\n line-height: 1.3;\n padding: 0 0.5rem;\n }\n\n .resource-description {\n font-family: Space Mono, monospace;\n font-size: 0.85rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1.5rem;\n flex: 1;\n min-height: 60px;\n }\n\n .cta-btn-resource {\n width: calc(100% - 1rem);\n max-width: 100%;\n padding: 0.85rem 1rem;\n font-size: 0.85rem;\n margin: 0 auto;\n margin-top: auto;\n display: block;\n box-sizing: border-box;\n }\n\n .not-this-grid {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 2rem;\n }\n\n .not-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 80, 80, 0.3);\n padding: 1.25rem 1.5rem;\n border-radius: 12px;\n min-width: 200px;\n }\n\n .not-card .not-icon {\n color: #ff5050;\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .not-card p {\n margin: 0;\n font-size: 0.9rem;\n }\n\n .is-card {\n background: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(157, 0, 255, 0.1));\n border: 1px solid var(--cyan);\n padding: 1.5rem 2rem;\n border-radius: 14px;\n max-width: 500px;\n margin: 0 auto;\n box-shadow: 0 0 30px rgba(0, 240, 255, 0.15);\n }\n\n .is-card .is-icon {\n color: var(--cyan);\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n }\n\n .is-card p {\n margin: 0;\n font-size: 1rem;\n line-height: 1.5;\n }\n\n /* ICP Section */\n .icp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .icp-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(0, 255, 255, 0.15);\n padding: 1.25rem;\n border-radius: 12px;\n text-align: left;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: all 0.3s ease;\n }\n\n .icp-card:hover {\n border-color: var(--cyan);\n box-shadow: 0 0 15px rgba(0, 255, 255, 0.2);\n transform: translateY(-2px);\n }\n\n .icp-check {\n color: var(--cyan);\n font-size: 1.2rem;\n flex-shrink: 0;\n text-shadow: 0 0 10px var(--cyan);\n }\n\n .icp-card p {\n margin: 0;\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n .icp-tagline {\n margin-top: 2rem;\n font-size: 1.1rem;\n }\n\n .icp-tagline p {\n margin: 0.5rem 0;\n }\n\n /* Not For Section */\n .warning-heading {\n font-size: 2rem;\n color: #ff6b6b;\n margin-bottom: 0.5rem;\n }\n\n .filter-label {\n font-size: 0.8rem;\n color: rgba(255, 107, 107, 0.7);\n letter-spacing: 1px;\n margin-bottom: 2rem;\n }\n\n .not-for-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .not-for-card {\n background: rgba(255, 50, 50, 0.05);\n border: 1px solid rgba(255, 80, 80, 0.2);\n padding: 1.25rem;\n border-radius: 12px;\n text-align: left;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .not-for-x {\n color: #ff5050;\n font-size: 1.2rem;\n flex-shrink: 0;\n }\n\n .not-for-card p {\n margin: 0;\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n .warning-tagline {\n margin-top: 2rem;\n font-family: Space Mono, monospace;\n }\n\n .warning-tagline p {\n margin: 0.5rem 0;\n font-size: 0.95rem;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .warning-tagline .intentional {\n color: var(--cyan);\n font-weight: bold;\n }\n\n /* What You Get */\n .what-you-get {\n padding: 4rem 1rem;\n }\n\n .section-title {\n margin-bottom: 1rem;\n }\n\n .framework-subtitle {\n font-family: Space Mono, monospace;\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.7);\n max-width: 700px;\n margin: 0 auto 3rem;\n text-align: center;\n }\n\n /* Testimonials Section */\n .testimonials-section {\n padding: 4rem 1rem;\n }\n\n .testimonials-carousel-wrapper {\n position: relative;\n margin-bottom: 3rem;\n }\n\n .testimonials-carousel {\n position: relative;\n overflow: hidden;\n min-height: 300px;\n }\n\n .testimonial-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(0, 255, 255, 0.15);\n border-radius: 12px;\n padding: 1.5rem;\n text-align: left;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n transform: translateX(30px);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n width: 100%;\n pointer-events: none;\n }\n\n .testimonial-card.active {\n opacity: 1;\n transform: translateX(0);\n position: relative;\n pointer-events: auto;\n }\n\n .testimonial-card:hover {\n border-color: var(--cyan);\n box-shadow: 0 0 15px rgba(0, 255, 255, 0.2);\n }\n\n .testimonials-dots {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n margin-top: 2rem;\n flex-wrap: wrap;\n }\n\n .testimonials-dots .dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.2);\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid transparent;\n }\n\n .testimonials-dots .dot:hover {\n background: rgba(0, 255, 255, 0.4);\n transform: scale(1.2);\n }\n\n .testimonials-dots .dot.active {\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);\n transform: scale(1.3);\n }\n\n .testimonial-stars {\n color: #ffd700;\n font-size: 0.9rem;\n margin-bottom: 1rem;\n letter-spacing: 2px;\n }\n\n .testimonial-quote {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .author-avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 0.85rem;\n color: #000;\n flex-shrink: 0;\n }\n\n .author-info {\n flex: 1;\n }\n\n .author-name {\n font-size: 0.95rem;\n font-weight: 600;\n color: #fff;\n margin-bottom: 0.25rem;\n }\n\n .author-title {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.6);\n }\n\n .testimonials-cta {\n text-align: center;\n padding-top: 2rem;\n border-top: 1px solid rgba(0, 255, 255, 0.1);\n }\n\n .testimonials-cta h3 {\n font-size: 1.5rem;\n margin-bottom: 0.5rem;\n color: var(--cyan);\n }\n\n .testimonials-cta p {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1.5rem;\n }\n\n .cta-bonus-reminder {\n font-size: 0.85rem !important;\n color: #ffd700 !important;\n margin-top: 1rem !important;\n font-weight: 600;\n }\n\n .offering-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .offering-card {\n background: var(--glass-bg);\n border: 1px solid var(--glass-border);\n border-radius: 16px;\n padding: 2rem;\n text-align: left;\n position: relative;\n transition: all 0.3s ease;\n }\n\n .offering-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\n }\n\n .offering-card.featured {\n border-color: var(--cyan);\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.15);\n }\n\n .offering-number {\n font-size: 3rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n opacity: 0.3;\n position: absolute;\n top: 1rem;\n right: 1.5rem;\n }\n\n .offering-card h3 {\n font-size: 1.3rem;\n margin-bottom: 0.25rem;\n color: var(--cyan);\n }\n\n .offering-subtitle {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.5);\n margin-bottom: 1.5rem;\n letter-spacing: 0.5px;\n }\n\n .offering-content p {\n font-family: Space Mono, monospace;\n font-size: 0.85rem;\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .offering-content ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1.5rem 0;\n }\n\n .offering-content li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: 0.5rem;\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.8);\n }\n\n .offering-content li::before {\n content: ›;\n position: absolute;\n left: 0;\n color: var(--cyan);\n font-weight: bold;\n }\n\n .offering-highlight {\n background: rgba(0, 240, 255, 0.05);\n border-left: 3px solid var(--cyan);\n padding: 1rem;\n margin-top: 1rem;\n border-radius: 0 8px 8px 0;\n }\n\n .offering-highlight p {\n margin: 0;\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n /* How It Works */\n .transformation-title h2 {\n font-size: 2rem;\n background: linear-gradient(90deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n text-shadow:\n 0 0 5px rgba(0, 255, 255, 0.6),\n 0 0 10px rgba(0, 255, 255, 0.4),\n 0 0 20px rgba(157, 0, 255, 0.3),\n 0 0 40px rgba(157, 0, 255, 0.2);\n letter-spacing: 1px;\n margin-bottom: 0.5rem;\n animation: pulseGlow 3s ease-in-out infinite;\n }\n\n .how-subtitle {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 0;\n }\n\n @keyframes pulseGlow {\n 0%, 100% {\n text-shadow:\n 0 0 5px rgba(0, 255, 255, 0.6),\n 0 0 10px rgba(0, 255, 255, 0.4),\n 0 0 20px rgba(157, 0, 255, 0.3),\n 0 0 40px rgba(157, 0, 255, 0.2);\n }\n 50% {\n text-shadow:\n 0 0 10px rgba(0, 255, 255, 0.9),\n 0 0 20px rgba(0, 255, 255, 0.7),\n 0 0 30px rgba(157, 0, 255, 0.5),\n 0 0 60px rgba(157, 0, 255, 0.4);\n }\n }\n\n .transformation-flow {\n padding: 3rem 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .flow-container {\n display: flex;\n flex-wrap: wrap;\n gap: 1.5rem;\n justify-content: center;\n align-items: center;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(0, 255, 255, 0.2);\n padding: 2rem;\n border-radius: 20px;\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\n animation: glowFadeIn 2s ease forwards;\n }\n\n .flow-step {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(0, 255, 255, 0.3);\n border-radius: 12px;\n padding: 1.5rem;\n width: 180px;\n box-shadow: 0 0 15px rgba(0,255,255,0.1);\n text-align: center;\n position: relative;\n }\n\n .flow-step h3 {\n font-size: 1rem;\n margin: 0.5rem 0;\n color: #fff;\n }\n\n .flow-step p {\n font-family: Space Mono, monospace;\n font-size: 0.75rem;\n color: rgba(255, 255, 255, 0.7);\n margin: 0;\n line-height: 1.4;\n }\n\n .step-number {\n font-size: 1.2rem;\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: bold;\n margin-bottom: 0.5rem;\n }\n\n .flow-arrow {\n font-size: 2rem;\n color: var(--cyan);\n font-weight: bold;\n text-shadow: 0 0 8px var(--cyan);\n }\n\n @keyframes glowFadeIn {\n 0% {\n opacity: 0;\n box-shadow: 0 0 0 rgba(0, 255, 255, 0.0);\n }\n 100% {\n opacity: 1;\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\n }\n }\n\n /* Promise Section */\n .no-hype-label {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: 1px;\n margin-bottom: 2rem;\n margin-top: -0.5rem;\n }\n\n .promise-grid {\n display: flex;\n gap: 2rem;\n justify-content: center;\n align-items: stretch;\n flex-wrap: wrap;\n }\n\n .promise-column {\n flex: 1;\n min-width: 250px;\n max-width: 350px;\n text-align: left;\n }\n\n .promise-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1.5rem;\n letter-spacing: 0.5px;\n }\n\n .not-promise h3 {\n color: rgba(255, 255, 255, 0.5);\n }\n\n .do-promise h3 {\n color: var(--cyan);\n }\n\n .promise-column ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .promise-column li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 0.75rem;\n font-size: 0.95rem;\n }\n\n .x-mark {\n color: rgba(255, 80, 80, 0.5);\n font-size: 1rem;\n }\n\n .check-mark {\n color: var(--cyan);\n font-size: 1rem;\n text-shadow: 0 0 8px var(--cyan);\n }\n\n .not-promise li {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .do-promise li {\n color: rgba(255, 255, 255, 0.9);\n }\n\n .promise-divider {\n width: 1px;\n background: linear-gradient(to bottom, transparent, var(--cyan), transparent);\n }\n\n /* Science Section */\n .science-section {\n padding: 5rem 1rem;\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.03) 0%, rgba(157, 0, 255, 0.03) 100%);\n }\n\n .science-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .science-card {\n background: rgba(0, 0, 0, 0.6);\n border: 1px solid rgba(0, 240, 255, 0.2);\n border-radius: 16px;\n padding: 2rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .science-card::before {\n content: ;\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n border-radius: 16px;\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n filter: blur(8px);\n }\n\n .science-card:hover {\n transform: translateY(-5px);\n border-color: var(--cyan);\n box-shadow: 0 10px 40px rgba(0, 240, 255, 0.2);\n }\n\n .science-card:hover::before {\n opacity: 0.3;\n }\n\n .science-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: inline-block;\n animation: float 3s ease-in-out infinite;\n }\n\n .science-icon-svg {\n width: 80px;\n height: 80px;\n margin-bottom: 1rem;\n display: inline-block;\n animation: float 3s ease-in-out infinite;\n filter: drop-shadow(0 0 10px rgba(0, 255, 184, 0.3));\n }\n\n .science-card h3 {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--cyan);\n letter-spacing: 0.5px;\n }\n\n .science-card p {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.8);\n margin: 0;\n }\n\n .science-cta {\n text-align: center;\n margin-top: 3rem;\n padding-top: 3rem;\n border-top: 1px solid rgba(0, 240, 255, 0.2);\n }\n\n .science-cta p {\n font-size: 1.2rem;\n margin-bottom: 2rem;\n font-weight: 600;\n }\n\n @keyframes float {\n 0%, 100% { \n transform: translateY(0); \n }\n 50% { \n transform: translateY(-10px); \n }\n }\n\n /* CTA Section */\n .cta-section {\n padding: 4rem 1rem;\n }\n\n .cta-box {\n background: linear-gradient(135deg, rgba(0, 240, 255, 0.08), rgba(157, 0, 255, 0.08));\n border: 1px solid var(--cyan);\n border-radius: 20px;\n padding: 3rem 2rem;\n box-shadow: 0 0 40px rgba(0, 255, 255, 0.15);\n }\n\n .cta-label {\n font-size: 0.8rem;\n color: rgba(255, 255, 255, 0.5);\n letter-spacing: 1px;\n margin-bottom: 1rem;\n }\n\n .cta-headline {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n background: linear-gradient(90deg, #fff, var(--cyan));\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .cta-description {\n font-family: Space Mono, monospace;\n font-size: 0.95rem;\n line-height: 1.6;\n color: rgba(255, 255, 255, 0.8);\n max-width: 600px;\n margin: 0 auto 1.5rem;\n }\n\n .cta-btn {\n padding: 0.75rem 1.5rem;\n background: linear-gradient(135deg, var(--cyan), var(--purple));\n border: none;\n color: black;\n font-weight: bold;\n font-family: Orbitron, sans-serif;\n border-radius: 5px;\n cursor: pointer;\n box-shadow: 0 0 12px var(--cyan);\n text-decoration: none;\n display: inline-block;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .cta-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 0 25px var(--purple);\n }\n\n .cta-btn-large {\n padding: 1rem 2.5rem;\n font-size: 1rem;\n letter-spacing: 0.5px;\n }\n\n .cta-subtext {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.6);\n margin-top: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n }\n\n .cta-indicator {\n display: inline-block;\n width: 8px;\n height: 8px;\n background: var(--purple);\n border-radius: 50%;\n box-shadow: 0 0 6px var(--purple);\n animation: pulse-indicator 2.5s infinite ease-in-out;\n }\n\n @keyframes pulse-indicator {\n 0%, 100% {\n opacity: 0.6;\n transform: scale(1);\n }\n 50% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n\n /* DIY Section */\n .diy-section {\n padding: 3rem 1rem;\n }\n\n .diy-container {\n max-width: 600px;\n margin: 0 auto;\n text-align: center;\n }\n\n .diy-heading {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: #fff;\n }\n\n .diy-text {\n font-family: Space Mono, monospace;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1.5rem;\n line-height: 1.6;\n }\n\n /* Neon Button Section */\n .neon-highlight-section {\n text-align: center;\n padding: 2rem 1rem 4rem;\n }\n\n .neon-button {\n display: inline-block;\n padding: 1rem 2rem;\n border: 1px solid var(--cyan);\n color: var(--cyan);\n text-decoration: none;\n font-size: 0.9rem;\n letter-spacing: 1px;\n border-radius: 50px;\n transition: all 0.3s ease;\n }\n\n .neon-button:hover {\n background: var(--cyan);\n color: #000;\n box-shadow: 0 0 20px var(--cyan);\n }\n\n /* Book Your Call Popup */\n .book-call-popup {\n position: fixed;\n inset: 0;\n z-index: 10000;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n }\n\n .book-call-popup.show {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n\n .popup-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.85);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n }\n\n .popup-content {\n position: relative;\n background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));\n border: 2px solid rgba(59, 130, 246, 0.5);\n border-radius: 24px;\n padding: 3rem 2.5rem;\n max-width: 500px;\n width: 90%;\n text-align: center;\n box-shadow: \n 0 0 60px rgba(59, 130, 246, 0.4),\n 0 0 100px rgba(139, 92, 246, 0.3),\n inset 0 0 40px rgba(59, 130, 246, 0.1);\n transform: scale(0.9) translateY(20px);\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n overflow: hidden;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n }\n\n .book-call-popup.show .popup-content {\n transform: scale(1) translateY(0);\n border-color: rgba(96, 165, 250, 0.8);\n box-shadow: \n 0 0 80px rgba(59, 130, 246, 0.6),\n 0 0 120px rgba(139, 92, 246, 0.4),\n inset 0 0 50px rgba(59, 130, 246, 0.15);\n }\n\n .popup-content::before {\n content: ;\n position: absolute;\n inset: -3px;\n border-radius: 24px;\n background: linear-gradient(135deg, #3B82F6, #8B5CF6, #60A5FA);\n background-size: 200% 200%;\n z-index: -1;\n animation: gradient-shift 3s ease infinite;\n filter: blur(15px);\n opacity: 0.7;\n }\n\n .popup-close {\n position: absolute;\n top: 1rem;\n right: 1rem;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n backdrop-filter: blur(10px);\n }\n\n .popup-close:hover {\n background: rgba(255, 255, 255, 0.2);\n border-color: rgba(255, 255, 255, 0.4);\n color: #fff;\n transform: rotate(90deg);\n }\n\n .popup-icon-wrapper {\n margin-bottom: 1.5rem;\n display: flex;\n justify-content: center;\n }\n\n .popup-icon {\n filter: drop-shadow(0 0 20px rgba(59, 130, 246, 0.6));\n animation: float-icon 3s ease-in-out infinite;\n }\n\n .popup-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n background: linear-gradient(135deg, #60A5FA, #C084FC);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n line-height: 1.2;\n }\n\n .popup-subtitle {\n font-family: Space Mono, monospace;\n font-size: 1.1rem;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 2rem;\n }\n\n .popup-cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n background: linear-gradient(135deg, #3B82F6, #8B5CF6);\n color: #fff;\n font-weight: 700;\n font-size: 1.1rem;\n border-radius: 50px;\n text-decoration: none;\n box-shadow: \n 0 0 30px rgba(59, 130, 246, 0.5),\n 0 0 60px rgba(139, 92, 246, 0.3);\n transition: all 0.3s ease;\n margin-bottom: 1rem;\n position: relative;\n overflow: hidden;\n }\n\n .popup-cta-btn::before {\n content: ;\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #60A5FA, #A78BFA);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: 50px;\n }\n\n .popup-cta-btn:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 0 40px rgba(59, 130, 246, 0.7),\n 0 0 80px rgba(139, 92, 246, 0.5);\n }\n\n .popup-cta-btn:hover::before {\n opacity: 1;\n }\n\n .popup-cta-btn > * {\n position: relative;\n z-index: 1;\n }\n\n .popup-meta {\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.6);\n font-family: Space Mono, monospace;\n margin: 0;\n }\n\n /* Medium screens - Optimize navbar before mobile breakpoint */\n @media (max-width: 1024px) {\n .nav-links {\n gap: 1rem;\n }\n\n .nav-link {\n font-size: 0.8rem;\n padding: 0.4rem 0.6rem;\n }\n }\n\n @media (max-width: 900px) {\n .nav-bar {\n padding: 0.75rem 0.85rem;\n gap: 0.6rem;\n flex-wrap: nowrap;\n min-height: 60px;\n }\n\n .corner-logo {\n width: 36px;\n height: 36px;\n margin-right: 0.5rem;\n }\n\n .nav-link.nav-contact-btn {\n font-size: 0.7rem;\n padding: 0.35rem 0.75rem;\n }\n\n .nav-link.nav-login.nav-login-left {\n font-size: 0.7rem;\n padding: 0.35rem 0.75rem;\n }\n\n .nav-links {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n background: rgba(10, 10, 15, 0.98);\n backdrop-filter: blur(30px) saturate(180%);\n -webkit-backdrop-filter: blur(30px) saturate(180%);\n padding: 0;\n position: fixed;\n top: 60px;\n left: 0;\n right: 0;\n width: 100vw;\n z-index: 998;\n border-top: none;\n border-bottom: 1px solid rgba(0, 240, 255, 0.1);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),\n padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n flex: none;\n min-width: auto;\n }\n\n .nav-links.active {\n max-height: 600px;\n padding: 1.5rem 1rem;\n }\n\n .nav-link {\n font-size: 1rem;\n padding: 0.75rem 1rem;\n width: 100%;\n text-align: center;\n white-space: normal;\n }\n\n .nav-link::before {\n display: none;\n }\n\n .nav-link::after {\n display: none;\n }\n\n .menu-toggle {\n display: flex !important;\n margin-left: 0;\n }\n\n body {\n padding-top: 70px;\n }\n }\n\n /* Responsive - Small mobile adjustments */\n @media (max-width: 768px) {\n .nav-bar {\n padding: 0.65rem 0.5rem;\n gap: 0.5rem;\n min-height: 56px;\n }\n\n .nav-bar.scrolled {\n padding: 0.5rem 0.5rem;\n }\n\n .corner-logo {\n width: 32px;\n height: 32px;\n margin-right: 0.4rem;\n }\n\n .nav-left {\n gap: 0.4rem;\n }\n\n .nav-link.nav-contact-btn {\n font-size: 0.65rem;\n padding: 0.3rem 0.6rem;\n }\n\n .nav-link.nav-login.nav-login-left {\n font-size: 0.65rem;\n padding: 0.3rem 0.6rem;\n white-space: nowrap;\n }\n\n .menu-toggle {\n width: 36px;\n height: 36px;\n padding: 0.35rem;\n margin-left: auto;\n margin-right: 0;\n flex-shrink: 0;\n }\n\n .menu-toggle .bar {\n width: 18px;\n }\n\n .nav-links {\n top: 56px;\n }\n\n body {\n padding-top: 65px;\n }\n }\n\n /* Extra small mobile screens */\n @media (max-width: 380px) {\n .nav-bar {\n padding: 0.6rem 0.6rem;\n gap: 0.4rem;\n }\n\n .corner-logo {\n width: 30px;\n height: 30px;\n margin-right: 0.3rem;\n }\n\n .nav-left {\n gap: 0.3rem;\n }\n\n .nav-link.nav-contact-btn {\n font-size: 0.6rem;\n padding: 0.25rem 0.5rem;\n }\n\n .nav-link.nav-login.nav-login-left {\n font-size: 0.6rem;\n padding: 0.25rem 0.5rem;\n }\n\n .menu-toggle {\n width: 34px;\n height: 34px;\n padding: 0.3rem;\n }\n\n .menu-toggle .bar {\n width: 16px;\n }\n }\n\n .hero h1 {\n font-size: 2rem;\n }\n\n .hero-subtext {\n font-size: 0.9rem;\n }\n\n .glass-container {\n padding: 2rem 1.25rem;\n }\n\n .glow-heading {\n font-size: 1.5rem;\n }\n\n .not-this-grid {\n flex-direction: column;\n }\n\n .icp-grid,\n .not-for-grid {\n grid-template-columns: 1fr;\n }\n\n .offering-cards {\n grid-template-columns: 1fr;\n }\n\n .science-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .science-card {\n padding: 1.5rem;\n }\n\n .science-icon {\n font-size: 2rem;\n }\n\n .science-icon-svg {\n width: 60px;\n height: 60px;\n }\n\n .flow-container {\n flex-direction: column;\n padding: 1.5rem;\n }\n\n .flow-arrow {\n transform: rotate(90deg);\n }\n\n .flow-step {\n width: 100%;\n max-width: 280px;\n }\n\n .promise-grid {\n flex-direction: column;\n align-items: center;\n }\n\n .promise-divider {\n width: 80%;\n height: 1px;\n margin: 1rem 0;\n }\n\n .promise-column {\n max-width: 100%;\n }\n\n .cta-headline {\n font-size: 1.4rem;\n }\n\n .hero-cta-group {\n width: 100%;\n }\n\n .hero-cta-group .cta-btn {\n width: 100%;\n max-width: 320px;\n }\n\n\n .testimonials-carousel-wrapper {\n margin-bottom: 2rem;\n }\n\n .testimonial-card {\n padding: 1.25rem;\n }\n\n .testimonials-dots .dot {\n width: 10px;\n height: 10px;\n }\n\n .popup-content {\n padding: 2rem 1.5rem;\n max-width: 90%;\n }\n\n .popup-title {\n font-size: 1.5rem;\n }\n\n .popup-subtitle {\n font-size: 1rem;\n }\n\n .popup-cta-btn {\n padding: 0.9rem 2rem;\n font-size: 1rem;\n width: 100%;\n justify-content: center;\n }\n\n .popup-icon {\n width: 60px;\n height: 60px;\n }\n\n .resources-grid {\n grid-template-columns: 1fr;\n max-width: 100%;\n padding: 0 0.5rem;\n }\n\n .resource-card {\n min-height: auto;\n padding: 1.5rem 1rem;\n }\n\n .cta-btn-resource {\n width: calc(100% - 0.5rem);\n padding: 0.75rem 0.5rem;\n font-size: 0.8rem;\n }\n\n .pricing-value {\n grid-template-columns: 1fr;\n }\n\n .path-options-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .path-card {\n padding: 1.5rem 1rem;\n }\n\n .path-card h3 {\n font-size: 1.1rem;\n }\n\n .path-description {\n font-size: 0.85rem;\n }\n\n .path-cta {\n width: 100%;\n justify-content: center;\n }\n\n .bonus-notice {\n flex-direction: column;\n text-align: center;\n gap: 0.5rem;\n }\n\n .hero-urgency {\n font-size: 0.8rem;\n }\n\n .hero-phone-link {\n font-size: 0.9rem;\n padding: 0.65rem 1.25rem;\n }\n\n .hero-phone-icon {\n width: 18px;\n height: 18px;\n }\n\n .pricing-badge {\n font-size: 0.8rem;\n padding: 0.5rem 1.2rem;\n }\n\n .cta-headline {\n font-size: 1.4rem;\n }\n\n .cta-description {\n font-size: 0.88rem;\n }\n }\n\n /* Footer Section */\n .footer {\n background: linear-gradient(180deg, rgba(10, 10, 15, 0.95), rgba(0, 0, 0, 0.98));\n border-top: 1px solid rgba(0, 240, 255, 0.15);\n padding: 3rem 1rem 2rem;\n color: rgba(255, 255, 255, 0.7);\n font-family: Orbitron, sans-serif;\n margin-top: 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .footer::before {\n content: ;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--cyan), var(--purple), transparent);\n opacity: 0.5;\n }\n\n .footer-content {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n max-width: 1200px;\n margin: 0 auto;\n gap: 2rem;\n }\n\n .footer-left {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n flex: 1;\n min-width: 250px;\n }\n\n .footer-logo {\n height: auto;\n width: 100%;\n max-width: 250px;\n transition: opacity 0.3s ease;\n }\n\n .footer-logo:hover {\n opacity: 0.8;\n }\n\n .footer-contact h4 {\n margin: 0 0 0.75rem 0;\n color: var(--cyan);\n font-size: 1rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n }\n\n .footer-phone {\n color: rgba(255, 255, 255, 0.9);\n text-decoration: none;\n font-size: 1rem;\n font-weight: 500;\n display: inline-block;\n transition: all 0.3s ease;\n margin-bottom: 0.5rem;\n }\n\n .footer-phone:hover {\n color: var(--cyan);\n transform: translateX(5px);\n }\n\n .footer-address {\n color: rgba(255, 255, 255, 0.6);\n font-size: 0.9rem;\n margin: 0;\n font-family: Space Mono, monospace;\n line-height: 1.6;\n }\n\n .footer-links {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n text-align: right;\n flex: 0 0 auto;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n position: relative;\n padding: 0.25rem 0;\n }\n\n .footer-links a::after {\n content: ;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, var(--cyan), var(--purple));\n transition: width 0.3s ease;\n }\n\n .footer-links a:hover {\n color: var(--cyan);\n transform: translateX(-3px);\n }\n\n .footer-links a:hover::after {\n width: 100%;\n }\n\n .footer-bottom {\n text-align: center;\n margin-top: 2.5rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n font-size: 0.85rem;\n color: rgba(255, 255, 255, 0.5);\n font-family: Space Mono, monospace;\n }\n\n @media (max-width: 768px) {\n .footer {\n padding: 2.5rem 1rem 1.5rem;\n }\n\n .footer-content {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 2rem;\n }\n\n .footer-left {\n align-items: center;\n }\n\n .footer-links {\n text-align: center;\n width: 100%;\n }\n\n .footer-links a:hover {\n transform: translateX(0);\n }\n\n .footer-bottom {\n margin-top: 2rem;\n padding-top: 1.5rem;\n }\n }\n\u003C/style>\n\n\u003C!-- AOS + Toggle Script -->\n\u003Cscript src\https://unpkg.com/aos@2.3.1/dist/aos.js\>\u003C/script>\n\u003Cscript>\n AOS.init({\n duration: 800,\n once: true\n });\n\n function toggleMenu() {\n const links document.querySelector(.nav-links);\n const toggle document.querySelector(.menu-toggle);\n const isActive links.classList.contains(active);\n \n links.classList.toggle(active);\n toggle.classList.toggle(open);\n \n // Prevent body scroll when menu is open\n if (!isActive) {\n document.body.style.overflow hidden;\n // Ensure menu is visible\n links.style.display flex;\n } else {\n document.body.style.overflow ;\n }\n }\n\n // Close menu when clicking on a nav link\n document.addEventListener(DOMContentLoaded, function() {\n const navLinks document.querySelectorAll(.nav-link);\n const mobileMenu document.querySelector(.nav-links);\n const menuToggle document.querySelector(.menu-toggle);\n \n navLinks.forEach(link > {\n link.addEventListener(click, function() {\n if (window.innerWidth \u003C 900 && mobileMenu.classList.contains(active)) {\n mobileMenu.classList.remove(active);\n menuToggle.classList.remove(open);\n document.body.style.overflow ;\n }\n });\n });\n\n // Close menu when clicking outside\n document.addEventListener(click, function(event) {\n if (window.innerWidth \u003C 900 && mobileMenu.classList.contains(active)) {\n const isClickInsideNav event.target.closest(.nav-bar);\n const isClickInsideMenu event.target.closest(.nav-links);\n \n if (!isClickInsideNav && !isClickInsideMenu) {\n mobileMenu.classList.remove(active);\n menuToggle.classList.remove(open);\n document.body.style.overflow ;\n }\n }\n });\n\n // Handle window resize\n window.addEventListener(resize, function() {\n if (window.innerWidth > 900) {\n mobileMenu.classList.remove(active);\n menuToggle.classList.remove(open);\n document.body.style.overflow ;\n mobileMenu.style.display ;\n }\n });\n\n // Testimonials Carousel\n const carousel document.getElementById(testimonials-carousel);\n const cards carousel.querySelectorAll(.testimonial-card);\n const dots document.querySelectorAll(.testimonials-dots .dot);\n let currentSlide 0;\n let autoScrollInterval;\n let touchStartX 0;\n let touchEndX 0;\n\n function showSlide(index) {\n // Remove active class from all cards and dots\n cards.forEach(card > card.classList.remove(active));\n dots.forEach(dot > dot.classList.remove(active));\n\n // Add active class to current slide\n if (cardsindex) {\n cardsindex.classList.add(active);\n }\n if (dotsindex) {\n dotsindex.classList.add(active);\n }\n\n currentSlide index;\n }\n\n function nextSlide() {\n const next (currentSlide + 1) % cards.length;\n showSlide(next);\n }\n\n function startAutoScroll() {\n autoScrollInterval setInterval(() > {\n nextSlide();\n }, 5000); // Change slide every 5 seconds\n }\n\n function stopAutoScroll() {\n if (autoScrollInterval) {\n clearInterval(autoScrollInterval);\n }\n }\n\n // Dot navigation\n dots.forEach((dot, index) > {\n dot.addEventListener(click, () > {\n stopAutoScroll();\n showSlide(index);\n startAutoScroll();\n });\n });\n\n // Touch/swipe support for mobile\n carousel.addEventListener(touchstart, (e) > {\n touchStartX e.changedTouches0.screenX;\n stopAutoScroll();\n });\n\n carousel.addEventListener(touchend, (e) > {\n touchEndX e.changedTouches0.screenX;\n handleSwipe();\n startAutoScroll();\n });\n\n function handleSwipe() {\n const swipeThreshold 50;\n const diff touchStartX - touchEndX;\n\n if (Math.abs(diff) > swipeThreshold) {\n if (diff > 0) {\n // Swipe left - next slide\n nextSlide();\n } else {\n // Swipe right - previous slide\n const prev (currentSlide - 1 + cards.length) % cards.length;\n showSlide(prev);\n }\n }\n }\n\n // Pause auto-scroll on hover\n carousel.addEventListener(mouseenter, stopAutoScroll);\n carousel.addEventListener(mouseleave, startAutoScroll);\n\n // Initialize carousel\n showSlide(0);\n startAutoScroll();\n });\n\n // Floating Glass Navbar - Enhanced on scroll\n window.addEventListener(scroll, function() {\n const navbar document.querySelector(.nav-bar);\n if (window.scrollY > 50) {\n navbar.classList.add(scrolled);\n } else {\n navbar.classList.remove(scrolled);\n }\n });\n\n // Book Your Call Popup - Show after scrolling 1600px (once per session)\n let popupShown false;\n window.addEventListener(scroll, function() {\n const popup document.getElementById(book-call-popup);\n if (!popupShown && window.scrollY > 1600) {\n popup.classList.add(show);\n popupShown true;\n // Prevent body scroll when popup is open\n document.body.style.overflow hidden;\n }\n });\n\n function closeBookCallPopup() {\n const popup document.getElementById(book-call-popup);\n popup.classList.remove(show);\n document.body.style.overflow ;\n }\n\n // Close popup on Escape key\n document.addEventListener(keydown, function(e) {\n if (e.key Escape) {\n closeBookCallPopup();\n }\n });\n\u003C/script>\n\n\u003C!-- Footer Section -->\n\u003Cfooter class\footer\>\n \u003Cdiv class\footer-content\>\n \u003Cdiv class\footer-left\>\n \u003Ca href\https://wideband.ai/matrix\ target\_blank\>\n \u003Cimg src\https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/68828b815d765401c89e47b7.png\ \n alt\Wideband Logo\ \n class\footer-logo\>\n \u003C/a>\n \u003Cdiv class\footer-contact\>\n \u003Ch4>Contact\u003C/h4>\n \u003Ca href\tel:+18283731205\ class\footer-phone\>+1 828-373-1205\u003C/a>\n \u003Cp class\footer-address\>5540 Centerview Dr Ste 204 #183533, Raleigh, NC, 27606\u003C/p>\n \u003C/div>\n \u003C/div>\n \u003Cdiv class\footer-links\>\n \u003Ca href\https://wideband.ai/fulfillment-policy\ target\_blank\>Fulfillment Policy\u003C/a>\n \u003Ca href\https://wideband.ai/privacy-policy\ target\_blank\>Privacy Policy\u003C/a>\n \u003Ca href\https://wideband.ai/terms\ target\_blank\>Terms of Service\u003C/a>\n \u003C/div>\n \u003C/div>\n \u003Cdiv class\footer-bottom\>\n © 2025 Wideband, LLC. All rights reserved.\n \u003C/div>\n\u003C/footer>\n,{value:125},,ccustom-code-9S21AeRD7U,custom-code,c-custom-code,{},,https://fonts.googleapis.com/css?familyLato:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7COpen%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CMontserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CRoboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CPlayfair%20Display:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKumbh%20Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CLora:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CKarla:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CInter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CCoiny:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CAnek%20Odia:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&displayswap,,{author:134,canonicalMeta:135,customMeta:136,description:137,imageUrl:138,keywords:139,language:140,title:141,isPreviewUrl:32},WideBand LLC,,,Wideband.AI helps turn your hustle into a legit business with setup, systems, websites, and AI — all in one streamlined platform.,https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/68828b815d765401c89e47b7.png,LLC setup, business formation, EIN registration, virtual business address, business phone number, Google Workspace setup, business email, domain purchase, Stripe payment setup, business bank account, Novo Bank, website builder, CRM integration, lead capture forms, SEO optimization, AI chatbot, AI voice agent, Google Business Profile, custom QR codes, automation tools, startup tools, business tools, small business setup, entrepreneur resources, online business systems, business branding, custom website design, business automation platform,en,Your Business, Built for Growth. - WideBand.AI,wideband.ai,/,3tN0UV4RQFz08qL3VXo8,MAIN HOME PAGE,TgHJNK2558mEZMn9ACm0,148,{id:149,elements:150,activeElementId:149},hl_main_popup-1q4ibSVCDl,151,{extra:152,class:167,styles:173,wrapper:176,customCss:177,id:149,child:178,meta:179,title:180,tag:36},{bgImage:153,overlayColor:155,left:157,popupDisabled:159,popupHide:160,minWidth:161,showPopupOnMouseOut:163,customClass:165},{value:154},{mediaType:35,url:36,opacity:37,options:38,svgCode:36,videoUrl:36,videoThumbnail:36,videoLoop:39},{value:156},var(--overlay),{value:158,unit:68},50,{value:32},{value:32},{value:162},medium-page,{value:164,delay:115},exit,{value:166},,{borders:168,borderRadius:170,radiusEdge:172},{value:169},borderFull,{value:171},radius2,{value:22},{borderWidth:174},{value:175,unit:26},10,{},,,hl_main_popup,Popup,https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/695a92e0edb8a21124c97536.png,\u003Clink rel\apple-touch-icon\ sizes\180x180\ href\https://storage.googleapis.com/msgsndr/TgHJNK2558mEZMn9ACm0/media/695a92e0edb8a21124c97536.png\>,\u003Cscript \n src\https://widgets.leadconnectorhq.com/loader.js\ \n data-resources-url\https://widgets.leadconnectorhq.com/chat-widget/loader.js\ \n data-widget-id\69814516dc67a54b32438267\ > \n \u003C/script>,aevvhJtriodaKyiWB1cE,Wideband.AI,b3042df2-7598-4c25-9873-a3e60cc41b50,,Reactive,189,{$snuxt-i18n-meta:190,$spreviewState:191,$smetaPixelOptions:426},{},{defaultSettings:192,mobileDevice:32,funnelId:184,funnelDomain:142,stepId:186,locationId:146,funnelPageId:144,locationCode:278,funnelNextStep:279,fingerprint:36,funnelNextPageId:280,stripePublishableKey:281,enablePaymentElement:39,merchantLoginId:36,paypalPublishableKey:36,merchantAccountId:-1,stripeAccountId:282,isLivePaymentMode:39,version:283,funnelSteps:284,cartItems:398,funnelName:185,orderFormVersion:107,currency:399,blogSlug:36,domain:142,pageUrl:143,pageName:145,affiliateId:-1,videoExistsInPage:32,pageType:400,contactId:-1,email:-1,phone:-1,categoryId:36,blogSearchTerm:36,categoryUrlSlug:36,authorSlug:36,tagSlug:36,authorId:36,defaultPaymentProvider:36,productCollections:401,ecomSelectedCollection:36,imageOptimizationEnabled:39,nmiMerchantGatewayId:36,squareMerchantGatewayId:36,fontsToLoad:402,ecomProductId:36,isGdprCompliant:32,isOptimisePageLoad:39,ecommercePage:115,isBlogActive:32,blogData:415,blogPaths:-1,blogId:184,allowedCookies:416,paymentProviderDetails:-1,events:417,searchTerm:36,countryList:418,pixelToInit:187,formAction:36,ecomProduct:419,requireCreditCard:32,haveBlogWidget:32,isFacebookIAB:32,userAgent:36,companyId:420,customerLoginToken:36,cookieConsentList:421,cookieConsentExpiry:422,mediaFormats:423,adyenMerchantGatewayId:36,webinarProperties:425,webinarSession:425,userWebinarSession:425},{typography:193,background:216,percentWidth:221,offsetColor:255,progressBarSize:268},{fonts:194,colors:207},{headlineFont:195,contentFont:201},{id:196,text:197,value:198},headlinefont,Headline Font,{text:199,value:200},Anek Odia,var(--anek-odia),{id:202,text:203,value:204},contentfont,Content Font,{text:205,value:206},Roboto,var(--roboto),{textColor:208,linkColor:212},{value:209},{label:210,value:211},var(--black),#000000,{value:213},{label:214,value:215},var(--blue),var(--primary),{bgImage:217,backgroundColor:219},{value:218},{url:36,options:38},{value:220},var(--white),222,225,228,231,234,237,240,243,246,249,252,{text:223,value:224},0 Percent,progress0,{text:226,value:227},10 Percent,progress10,{text:229,value:230},20 Percent,progress20,{text:232,value:233},30 Percent,progress30,{text:235,value:236},40 Percent,progress40,{text:238,value:239},50 Percent,progress50,{text:241,value:242},60 Percent,progress60,{text:244,value:245},70 Percent,progress70,{text:247,value:248},80 Percent,progress80,{text:250,value:251},90 Percent,progress90,{text:253,value:254},100 Percent,progress100,256,259,262,265,{text:257,value:258},White,progressbarOffsetWhite,{text:260,value:261},Transparent White,progressbarOffsetTransparentWhite,{text:263,value:264},Black,progressbarOffsetBlack,{text:266,value:267},Transparent Black,progressbarOffsetTransparentBlack,269,272,275,{text:270,value:271},Small,progressbarSmall,{text:273,value:274},Medium,progressbarMedium,{text:276,value:277},Large,progressbarLarge,US,/fulfillment-policy,SSCOLm5z4q7O3QdmPHSL,pk_live_MtxwO3obi7pfD7UZlGkfR2yj,acct_1OjVMXFzvX5jALVU,4,285,288,291,297,302,308,314,320,326,332,338,344,350,356,362,368,374,380,386,392,{url:286,value:186,type:287,sequence:115,id:144,name:145},/home,optin_funnel_page,{url:279,value:289,type:287,sequence:107,id:280,name:290,split:32},68b8d4bc-77e6-4f7f-9622-8609ce9ccaea,Fulfillment Policy,{url:292,value:293,type:287,sequence:294,id:295,name:296,split:32},/privacy-policy,7b68ce52-2eb2-4ebb-89ad-15c679f6b50e,3,VmUVYEJloBvZ78eXlY6b,Privacy Policy,{url:298,value:299,type:287,sequence:283,id:300,name:301},/terms,ec76aa9f-7321-41b6-934a-871375aeef32,gzFvEMLMmZMlPpXIJRu7,Terms of Service,{url:303,value:304,type:287,sequence:305,id:306,name:307,split:32},/selector,1781b3ae-22d7-4b6c-94e7-7cc833e948a6,5,rJVliw5wEXTj4eMGgEZY,SELECTOR,{url:309,value:310,type:287,sequence:311,id:312,name:313},/support,9d09d67c-9cc4-42a2-9aeb-74d52dd02606,6,iAAKeYA0HUqrcJdIQhYP,Support Page,{url:315,value:316,type:287,sequence:317,id:318,name:319},/matrix,509b7e4a-cda1-4c8a-bb2b-99da17191e99,7,Qf8GfDjB20CTVwbvbWSS,MATRIX SELECTOR (CLAUDE),{url:321,value:322,type:287,sequence:323,id:324,name:325,split:32},/newsletter-signup,c2bd8347-9f41-4f03-96ab-a04541fc75a7,8,eytdsMqCA44iUENASqxu,Newsletter Sign up page,{url:327,value:328,type:287,sequence:329,id:330,name:331},/home-535479,9c02be8d-22c5-4b5e-8e4a-3f281c517ea4,9,QaLm2UEK6IKrYKutdfD3,HOME (Clone) (Clone),{url:333,value:334,type:287,sequence:335,id:336,name:337,split:32},/services,06cf9938-3419-493d-84a4-ef36a9009231,10,Pc7oio0kE3vDjf95Itv4,Services,{url:339,value:340,type:287,sequence:341,id:342,name:343,split:32},/blueprint,58b248a4-8c9f-4d0d-890e-7aa1d31508be,11,Aq1eWLRuMIEKjyfyyYlT,blueprint,{url:345,value:346,type:287,sequence:347,id:348,name:349,split:32},/prompts,2df3f125-a695-456e-b83f-705c0ec2f929,12,4BE5IbLoPxH0EpTSVrHH,prompts,{url:351,value:352,type:287,sequence:353,id:354,name:355,split:32},/revenuecalc,8bf5d741-ceb5-4c65-b962-8de17b3e8503,13,h95Uo75YpgUWje1KZcc1,Revenue Calculator,{url:357,value:358,type:287,sequence:359,id:360,name:361,split:32},/founder,cb71a0d9-8e86-4222-87f0-1a0938fc1469,14,STvICH49dgcsVRqGarsh,Founder,{url:363,value:364,type:287,sequence:365,id:366,name:367,split:32},/funding,01d58200-79b3-4f3d-82cd-19bae885a912,15,uK2QvGT66lWbJZb3mElb,Funding,{url:369,value:370,type:287,sequence:371,id:372,name:373,split:32},/pathfinder,ded6b1dd-10ab-4e80-8461-17e7ac98b220,16,4uobX3kOfnO4j7nUSVKW,Pathfinder,{url:375,value:376,type:287,sequence:377,id:378,name:379,split:32},/404,dfd5c68c-4bd7-41cb-b41e-f2ba7c4b3b8f,17,g2JQPBhtSwNqGGHrR2vl,404,{url:381,value:382,type:287,sequence:383,id:384,name:385,split:32},/calculator,01feb87c-f7b4-46b2-b3c7-e04ec327aec1,18,s93aBU219NuTxZQYU0uW,calculator,{url:387,value:388,type:287,sequence:389,id:390,name:391,split:32},/pricing,b7b3183a-6b98-4c04-9508-45a274cf8baf,19,JcMLwLaFEJJ7a0f7Hv8J,pricing,{url:393,value:394,type:287,sequence:395,id:396,name:397,split:32},/contact,c800847f-1131-4067-8f7f-a8b8defb2f21,20,emT3aunLxe04lXPIj361,contact,,USD,website,,403,404,405,406,205,407,408,409,410,411,412,413,414,199,Arial,Lato,Open Sans,Montserrat,Playfair Display,Kumbh Sans,Playfair Display,Kumbh Sans,Lora,Karla,Inter,Coiny,{},,,,{},hyt1RbbfaEtfpPIeZZzq,,Date,2026-02-09T23:46:45.393Z,{formats:424},,null,{pixelID:425,disabled:32,track:427,version:428,isEnabled:39,pixelLoaded:32,manualMode:39,userData:425,eventsQueue:429},PageView,2.0,,Set,ShallowReactive,432,{pageData:-1}/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]