{"id":10,"date":"2026-03-13T20:55:51","date_gmt":"2026-03-13T20:55:51","guid":{"rendered":"https:\/\/gosocialwebsites.com\/squatchunplugged\/?page_id=10"},"modified":"2026-05-07T15:41:36","modified_gmt":"2026-05-07T15:41:36","slug":"home","status":"publish","type":"page","link":"https:\/\/gosocialwebsites.com\/squatchunplugged\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6668bd4 e-flex e-con-full e-con e-parent\" data-id=\"6668bd4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8cf6b5 elementor-widget elementor-widget-html\" data-id=\"c8cf6b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Source+Serif+4:ital,opsz,wght@1,8..60,400;1,8..60,500;1,8..60,600&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/react@18.3.1\/umd\/react.development.js\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/unpkg.com\/react-dom@18.3.1\/umd\/react-dom.development.js\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone@7.29.0\/babel.min.js\" crossorigin=\"anonymous\"><\/script>\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          display: ['\"Poppins\"', 'system-ui', 'sans-serif'],\n          serif:   ['\"Source Serif 4\"', 'Georgia', 'serif'],\n        },\n        borderRadius: { DEFAULT: '1rem' },\n      }\n    }\n  }\n<\/script>\n<style>\n  :root { --radius: 1rem; }\n  body { font-family: 'Poppins', system-ui, sans-serif; -webkit-font-smoothing: antialiased; color: #fff; }\n  #squatch-root { position: relative; }\n\n  .liquid-glass {\n    position: relative; overflow: hidden;\n    background: rgba(255,255,255,0.01);\n    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);\n    border: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.1);\n  }\n  .liquid-glass::before {\n    content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, transparent 40%, transparent 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%);\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;\n  }\n  .liquid-glass-strong {\n    position: relative; overflow: hidden;\n    background: rgba(255,255,255,0.01);\n    -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px);\n    border: none; box-shadow: 4px 4px 4px rgba(0,0,0,0.05), inset 0 1px 1px rgba(255,255,255,0.15);\n  }\n  .liquid-glass-strong::before {\n    content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 20%, transparent 40%, transparent 60%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.5) 100%);\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;\n  }\n  @keyframes fadeUp { from { opacity:0; transform: translateY(14px);} to {opacity:1; transform:none;} }\n  .fadeup { animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) both; }\n  .d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}.d6{animation-delay:.85s}\n  @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\n  .float { animation: float 6s ease-in-out infinite; }\n  @keyframes chargeSweep { 0%{width:8%} 50%{width:96%} 100%{width:8%} }\n  @keyframes chargeShimmer { 0%{transform:translateX(-100%)} 100%{transform:translateX(220%)} }\n  @keyframes chargePulse { 0%,100%{opacity:.55;box-shadow:inset 0 1px 1px rgba(255,255,255,.18)} 50%{opacity:1;box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 0 24px rgba(255,255,255,.18)} }\n  .battery-fill {\n    position:relative; overflow:hidden;\n    background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.55));\n    animation:chargeSweep 5.5s cubic-bezier(.65,0,.35,1) infinite,chargePulse 5.5s ease-in-out infinite;\n  }\n  .battery-fill::after {\n    content:''; position:absolute; inset:0;\n    background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);\n    animation:chargeShimmer 2.4s linear infinite;\n  }\n  @keyframes boltFlash { 0%,92%,100%{opacity:.5;transform:scale(1)} 95%{opacity:1;transform:scale(1.18);filter:drop-shadow(0 0 8px rgba(255,255,255,.7))} }\n  .bolt-flash { animation: boltFlash 3.5s ease-in-out infinite; }\n  @keyframes ekg { 0%{stroke-dashoffset:360} 100%{stroke-dashoffset:0} }\n  .ekg-line { stroke-dasharray:360; animation:ekg 4s linear infinite; }\n  ::-webkit-scrollbar { width:6px; height:6px; }\n  ::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.15); border-radius:4px; }\n<\/style>\n\n<div id=\"squatch-root\"><\/div>\n\n<script type=\"text\/babel\" data-presets=\"env,react\">\nconst { useState } = React;\n\nconst Icon = ({ d, size=16, stroke=2, children, ...rest }) =>\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width={size} height={size} viewBox=\"0 0 24 24\"\n    fill=\"none\" stroke=\"currentColor\" strokeWidth={stroke} strokeLinecap=\"round\" strokeLinejoin=\"round\" {...rest}>\n    {children}\n  <\/svg>;\n\nconst Sparkles = (p) => <Icon {...p}><path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\" \/><path d=\"M20 3v4\" \/><path d=\"M22 5h-4\" \/><path d=\"M4 17v2\" \/><path d=\"M5 18H3\" \/><\/Icon>;\nconst ArrowRight = (p) => <Icon {...p}><path d=\"M5 12h14\" \/><path d=\"m12 5 7 7-7 7\" \/><\/Icon>;\nconst Twitter = (p) => <Icon {...p}><path d=\"M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z\" \/><\/Icon>;\nconst Linkedin = (p) => <Icon {...p}><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z\" \/><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\" \/><circle cx=\"4\" cy=\"4\" r=\"2\" \/><\/Icon>;\nconst Instagram = (p) => <Icon {...p}><rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\" \/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\" \/><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\" \/><\/Icon>;\nconst Menu = (p) => <Icon {...p}><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" \/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" \/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" \/><\/Icon>;\nconst Plus = (p) => <Icon {...p}><path d=\"M5 12h14\" \/><path d=\"M12 5v14\" \/><\/Icon>;\nconst Zap = (p) => <Icon {...p}><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" \/><\/Icon>;\nconst MapPin = (p) => <Icon {...p}><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\" \/><circle cx=\"12\" cy=\"10\" r=\"3\" \/><\/Icon>;\nconst Mountain = (p) => <Icon {...p}><path d=\"m8 3 4 8 5-5 5 15H2L8 3z\" \/><\/Icon>;\nconst Phone = (p) => <Icon {...p}><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\" \/><\/Icon>;\nconst MessageSquare = (p) => <Icon {...p}><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/><\/Icon>;\nconst Shield = (p) => <Icon {...p}><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\" \/><\/Icon>;\nconst Clock = (p) => <Icon {...p}><circle cx=\"12\" cy=\"12\" r=\"10\" \/><polyline points=\"12 6 12 12 16 14\" \/><\/Icon>;\nconst Star = (p) => <Icon {...p}><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" \/><\/Icon>;\nconst Battery = (p) => <Icon {...p}><rect width=\"16\" height=\"10\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/><line x1=\"22\" x2=\"22\" y1=\"11\" y2=\"13\" \/><line x1=\"6\" x2=\"6\" y1=\"11\" y2=\"13\" \/><line x1=\"10\" x2=\"10\" y1=\"11\" y2=\"13\" \/><\/Icon>;\nconst Check = (p) => <Icon {...p}><polyline points=\"20 6 9 17 4 12\" \/><\/Icon>;\nconst Wand2 = (p) => <Icon {...p}><path d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\" \/><path d=\"m14 7 3 3\" \/><path d=\"M5 6v4\" \/><path d=\"M19 14v4\" \/><path d=\"M10 2v2\" \/><path d=\"M7 8H3\" \/><path d=\"M21 16h-4\" \/><path d=\"M11 3H9\" \/><\/Icon>;\nconst BookOpen = (p) => <Icon {...p}><path d=\"M12 7v14\" \/><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\" \/><\/Icon>;\n\nconst LogoMark = ({ size=32 }) =>\n  <div style={{width:size,height:size}} className=\"liquid-glass rounded-full flex items-center justify-center\">\n    <svg width={size*0.55} height={size*0.55} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 2c2.5 3 2.5 7 0 10-2.5-3-2.5-7 0-10z\"\/><path d=\"M12 22c-2.5-3-2.5-7 0-10 2.5 3 2.5 7 0 10z\"\/>\n      <path d=\"M2 12c3-2.5 7-2.5 10 0-3 2.5-7 2.5-10 0z\"\/><path d=\"M22 12c-3 2.5-7 2.5-10 0 3-2.5 7-2.5 10 0z\"\/>\n    <\/svg>\n  <\/div>;\n\nconst LogoBig = ({ size=80 }) =>\n  <div style={{width:size,height:size}} className=\"liquid-glass rounded-full flex items-center justify-center float\">\n    <svg width={size*0.6} height={size*0.6} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M12 2c2.5 3 2.5 7 0 10-2.5-3-2.5-7 0-10z\"\/><path d=\"M12 22c-2.5-3-2.5-7 0-10 2.5 3 2.5 7 0 10z\"\/>\n      <path d=\"M2 12c3-2.5 7-2.5 10 0-3 2.5-7 2.5-10 0z\"\/><path d=\"M22 12c-3 2.5-7 2.5-10 0 3-2.5 7-2.5 10 0z\"\/>\n      <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"white\"\/>\n    <\/svg>\n  <\/div>;\n\nconst FlowerThumb = () =>\n  <div className=\"liquid-glass rounded-2xl overflow-hidden\" style={{width:96,height:64,position:'relative'}}>\n    <svg viewBox=\"0 0 96 64\" width=\"96\" height=\"64\" style={{position:'absolute',inset:0}}>\n      <defs><radialGradient id=\"petal2\" cx=\"50%\" cy=\"50%\" r=\"60%\"><stop offset=\"0%\" stopColor=\"rgba(255,255,255,0.55)\"\/><stop offset=\"100%\" stopColor=\"rgba(255,255,255,0.05)\"\/><\/radialGradient><\/defs>\n      <g transform=\"translate(48 34)\">\n        {[0,60,120,180,240,300].map(a=><ellipse key={a} cx=\"0\" cy=\"-12\" rx=\"8\" ry=\"14\" fill=\"url(#petal2)\" transform={`rotate(${a})`} opacity=\"0.85\"\/>)}\n        <circle r=\"5\" fill=\"rgba(255,255,255,0.9)\"\/><circle r=\"2.5\" fill=\"rgba(0,0,0,0.6)\"\/>\n      <\/g>\n    <\/svg>\n  <\/div>;\n\nconst Pill = ({ children, strong=false, className='', as='div', ...rest }) => {\n  const Tag = as;\n  return <Tag className={`${strong?'liquid-glass-strong':'liquid-glass'} rounded-full ${className}`} {...rest}>\n    <span className=\"relative z-10 flex items-center gap-2\">{children}<\/span>\n  <\/Tag>;\n};\n\nconst BatteryBar = ({ height=10 }) =>\n  <div className=\"liquid-glass rounded-full p-[3px] relative overflow-hidden\" style={{height}}>\n    <div className=\"battery-fill h-full rounded-full\"><\/div>\n  <\/div>;\n\nconst BatteryCell = ({ percent=72, label='Charging' }) =>\n  <div className=\"liquid-glass rounded-2xl p-4 flex items-center gap-3\">\n    <div className=\"relative z-10 flex items-center gap-3 w-full\">\n      <div className=\"relative flex items-center\" style={{width:46}}>\n        <div className=\"liquid-glass rounded-md w-10 h-6 p-[2px] relative overflow-hidden\">\n          <div className=\"battery-fill h-full rounded-sm\"><\/div>\n        <\/div>\n        <div className=\"w-1 h-3 bg-white\/30 rounded-r-sm ml-[1px]\"><\/div>\n      <\/div>\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45\">{label}<\/div>\n        <div className=\"text-sm font-medium text-white tabular-nums\">{percent}%<\/div>\n      <\/div>\n      <Zap size={14} className=\"bolt-flash\"\/>\n    <\/div>\n  <\/div>;\n\nfunction FAQList({ items }) {\n  const [open, setOpen] = useState(0);\n  return <div className=\"space-y-3\">\n    {items.map((it,i) => {\n      const isOpen = open===i;\n      return <div key={it.q} className={`${isOpen?'liquid-glass-strong':'liquid-glass'} rounded-2xl overflow-hidden fadeup d${i%5+1}`}>\n        <button onClick={()=>setOpen(isOpen?-1:i)} className=\"relative z-10 w-full flex items-center justify-between gap-4 px-6 py-5 text-left\">\n          <span className=\"text-base font-medium text-white tracking-tight\">\n            {it.q.split(' ').slice(0,-1).join(' ')} <em className=\"font-serif italic text-white\/75\">{it.q.split(' ').slice(-1)[0]}<\/em>\n          <\/span>\n          <span className={`w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center flex-shrink-0 transition-transform ${isOpen?'rotate-45':''}`}><Plus size={14}\/><\/span>\n        <\/button>\n        {isOpen && <div className=\"relative z-10 px-6 pb-6 -mt-1\"><BatteryBar height={3}\/><p className=\"text-sm text-white\/65 leading-relaxed mt-4\">{it.a}<\/p><\/div>}\n      <\/div>;\n    })}\n  <\/div>;\n}\n\nfunction App() {\n  const [menuOpen, setMenuOpen] = useState(false);\n  return (\n    <div className=\"relative w-full overflow-hidden text-white\">\n      <video autoPlay muted loop playsInline className=\"fixed inset-0 w-full h-full object-cover\" style={{zIndex:0}}>\n        <source src=\"https:\/\/d8j0ntlcm91z4.cloudfront.net\/user_38xzZboKViGWJOttwIXH07lWA1P\/hf_20260315_073750_51473149-4350-4920-ae24-c8214286f323.mp4\" type=\"video\/mp4\"\/>\n      <\/video>\n      <div className=\"fixed inset-0 pointer-events-none\" style={{zIndex:1,background:'linear-gradient(180deg,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0.15) 70%,rgba(0,0,0,0.55) 100%)'}}\/>\n\n      {\/* HERO *\/}\n      <div className=\"relative flex flex-col lg:flex-row min-h-screen\" style={{zIndex:10}}>\n        <section className=\"relative w-full lg:w-[52%] min-h-screen p-4 lg:p-6\">\n          <div className=\"liquid-glass-strong absolute inset-4 lg:inset-6 rounded-3xl\"><\/div>\n          <div className=\"relative h-[calc(100vh-2rem)] lg:h-[calc(100vh-3rem)] flex flex-col px-6 lg:px-10 py-6 lg:py-8\" style={{zIndex:2}}>\n            <nav className=\"flex items-center justify-between fadeup\">\n              <div className=\"flex items-center gap-3\">\n                <LogoMark size={32}\/>\n                <span className=\"text-2xl font-semibold tracking-tighter text-white\">squatch<\/span>\n              <\/div>\n              <Pill as=\"button\" onClick={()=>setMenuOpen(o=>!o)} className=\"px-4 py-2 text-sm hover:scale-105 transition-transform\">\n                <Menu size={16}\/><span className=\"font-medium\">Menu<\/span>\n              <\/Pill>\n            <\/nav>\n            {menuOpen && <div className=\"absolute right-6 top-20 w-56 liquid-glass-strong rounded-2xl p-3 z-30 fadeup\">\n              <ul className=\"relative z-10 flex flex-col text-sm text-white\/85\">\n                {['Services','Coverage','Pricing','Reviews','Contact'].map(l=><li key={l}><a className=\"block px-3 py-2 rounded-lg hover:bg-white\/5 transition-colors\" href=\"#\">{l}<\/a><\/li>)}\n              <\/ul>\n            <\/div>}\n            <div className=\"flex-1 flex flex-col items-center justify-center text-center gap-7 max-w-xl mx-auto\">\n              <div className=\"fadeup d1\"><LogoBig size={80}\/><\/div>\n              <h1 className=\"fadeup d2 text-5xl sm:text-6xl lg:text-7xl font-medium leading-[1.1] tracking-[-0.05em] text-white\">\n                Stuck with a<br\/><em className=\"font-serif italic font-medium text-white\/80\">dead<\/em> EV battery?\n              <\/h1>\n              <p className=\"fadeup d3 text-white\/60 text-base max-w-md leading-relaxed\">24\/7 mobile EV charging across Western Washington \u2014 Seattle to the Canadian border. Faster, cheaper, and safer than towing.<\/p>\n              <a href=\"tel:12064650685\" className=\"fadeup d4 liquid-glass-strong rounded-full px-6 py-3 hover:scale-105 active:scale-95 transition-transform inline-block\">\n                <span className=\"relative z-10 flex items-center gap-3\">\n                  <span className=\"text-sm font-medium tracking-tight\">Call Squatch Now<\/span>\n                  <span className=\"w-7 h-7 rounded-full bg-white\/15 flex items-center justify-center\"><ArrowRight size={13}\/><\/span>\n                <\/span>\n              <\/a>\n              <div className=\"fadeup d5 flex flex-wrap gap-2 justify-center\">\n                {['On-Demand Charging','Mountain Pass Rescue','All EV Brands'].map(t=><Pill key={t} className=\"px-4 py-1.5 text-xs text-white\/80\">{t}<\/Pill>)}\n              <\/div>\n            <\/div>\n            <div className=\"fadeup d6 mt-auto pt-8\">\n              <div className=\"text-center\">\n                <p className=\"text-[10px] tracking-[0.32em] uppercase text-white\/50 mb-3\">Real Rescue \u00b7 Stevens Pass<\/p>\n                <p className=\"text-lg lg:text-xl text-white\/85 max-w-md mx-auto leading-relaxed\">\n                  <span className=\"font-display\">\"My Tesla died on HWY 2. Squatch arrived in <\/span>\n                  <span className=\"font-serif italic text-white\">forty-seven minutes<\/span><span className=\"font-display\">.\"<\/span>\n                <\/p>\n                <div className=\"flex items-center justify-center gap-3 mt-4\">\n                  <span className=\"h-px w-12 bg-white\/25\"><\/span>\n                  <span className=\"text-[11px] tracking-[0.32em] uppercase text-white\/60\">J. Martinez \u00b7 Tesla Y<\/span>\n                  <span className=\"h-px w-12 bg-white\/25\"><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <aside className=\"hidden lg:flex flex-col w-[48%] min-h-screen p-6 gap-5\">\n          <div className=\"flex items-center justify-between fadeup d1\">\n            <Pill className=\"px-2.5 py-2\">\n              {[{Cmp:Twitter,k:'tw'},{Cmp:Linkedin,k:'in'},{Cmp:Instagram,k:'ig'}].map(({Cmp,k})=>\n                <a key={k} href=\"#\" className=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center text-white hover:text-white\/80 hover:scale-105 transition-all\"><Cmp size={14}\/><\/a>\n              )}\n              <span className=\"w-px h-6 bg-white\/15 mx-1\"><\/span>\n              <a href=\"#\" className=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center text-white hover:text-white\/80 hover:scale-105 transition-all\"><ArrowRight size={14}\/><\/a>\n            <\/Pill>\n            <Pill as=\"button\" className=\"px-4 py-2 hover:scale-105 transition-transform\">\n              <span className=\"w-7 h-7 rounded-full bg-white\/15 flex items-center justify-center\"><Sparkles size={13}\/><\/span>\n              <span className=\"text-sm font-medium tracking-tight\">Account<\/span>\n            <\/Pill>\n          <\/div>\n          <div className=\"fadeup d2 self-end w-56 liquid-glass rounded-2xl p-4\">\n            <div className=\"relative z-10\">\n              <div className=\"flex items-center gap-2 mb-2\">\n                <span className=\"w-2 h-2 rounded-full bg-white\/80\" style={{boxShadow:'0 0 8px rgba(255,255,255,0.8)',animation:'float 2s ease-in-out infinite'}}><\/span>\n                <span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/55\">Available Now<\/span>\n              <\/div>\n              <div className=\"text-sm font-medium text-white mb-1\">Crew on standby<\/div>\n              <p className=\"text-xs text-white\/55 leading-relaxed mb-3\">Avg response 47 min across 4 counties \u2014 call or text 24\/7.<\/p>\n              <BatteryBar height={4}\/>\n            <\/div>\n          <\/div>\n          <div className=\"fadeup d3 mt-auto liquid-glass-strong p-4 lg:p-5\" style={{borderRadius:'2.5rem'}}>\n            <div className=\"relative z-10 flex flex-col gap-4\">\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div className=\"liquid-glass rounded-3xl p-5\">\n                  <div className=\"relative z-10\">\n                    <div className=\"flex items-center justify-between mb-6\">\n                      <div className=\"w-10 h-10 rounded-full bg-white\/10 flex items-center justify-center\"><Wand2 size={16}\/><\/div>\n                      <span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45\">Live<\/span>\n                    <\/div>\n                    <div className=\"text-sm font-medium text-white\">On-Demand Charging<\/div>\n                    <p className=\"text-xs text-white\/55 mt-1 leading-relaxed\">Mobile DC fast charge \u2014 we add real range, not a tow.<\/p>\n                    <div className=\"mt-5 space-y-1.5\"><BatteryBar height={4}\/><BatteryBar height={4}\/><BatteryBar height={4}\/><\/div>\n                  <\/div>\n                <\/div>\n                <div className=\"liquid-glass rounded-3xl p-5\">\n                  <div className=\"relative z-10\">\n                    <div className=\"flex items-center justify-between mb-6\">\n                      <div className=\"w-10 h-10 rounded-full bg-white\/10 flex items-center justify-center\"><BookOpen size={16}\/><\/div>\n                      <span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45\">2,148<\/span>\n                    <\/div>\n                    <div className=\"text-sm font-medium text-white\">Coverage Map<\/div>\n                    <p className=\"text-xs text-white\/55 mt-1 leading-relaxed\">King \u00b7 Snohomish \u00b7 Skagit \u00b7 Whatcom \u00b7 Stevens &amp; Snoqualmie passes.<\/p>\n                    <div className=\"mt-5 flex -space-x-2\">\n                      {[0,1,2,3,4].map(i=><div key={i} className=\"w-6 h-6 rounded-full bg-white\/15 border border-white\/10\" style={{backdropFilter:'blur(8px)'}}\/>)}\n                      <div className=\"w-6 h-6 rounded-full bg-white\/10 flex items-center justify-center text-[9px] text-white\/70\">+9<\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div className=\"liquid-glass rounded-3xl p-4 flex items-center gap-4\">\n                <div className=\"relative z-10 flex items-center gap-4 w-full\">\n                  <FlowerThumb\/>\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"text-sm font-medium text-white truncate\">Peace of Mind \u00b7 $20\/mo<\/div>\n                    <p className=\"text-xs text-white\/55 mt-0.5 leading-relaxed\">Priority dispatch, free first rescue, member rates after.<\/p>\n                  <\/div>\n                  <button className=\"liquid-glass-strong rounded-full w-10 h-10 flex items-center justify-center hover:scale-105 active:scale-95 transition-transform\">\n                    <span className=\"relative z-10\"><Plus size={16}\/><\/span>\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/aside>\n      <\/div>\n\n      {\/* SERVICES *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"flex flex-col items-center text-center mb-16 fadeup\">\n            <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6\">Our Services<\/Pill>\n            <h2 className=\"text-4xl lg:text-6xl font-medium leading-[1.05] tracking-[-0.04em] text-white max-w-2xl\">\n              Four ways we keep<br\/><em className=\"font-serif italic font-medium text-white\/75\">your EV moving<\/em>\n            <\/h2>\n            <p className=\"text-white\/55 mt-6 max-w-md leading-relaxed text-sm\">No tow truck. No flatbed. No nightmare bill. Just a Squatch crew with the right gear.<\/p>\n          <\/div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n            {[\n              {Icon:Zap,label:'Emergency On-Demand',sub:'Out of charge, anywhere',desc:'Mobile DC fast charge dispatched to your exact GPS pin. Real range, not a tow.'},\n              {Icon:Mountain,label:'Mountain Pass Rescue',sub:'Stevens \u00b7 Snoqualmie \u00b7 20',desc:'EV-trained crews built for HWY 2, I-90, and HWY 20. Snow tires, chains, the works.'},\n              {Icon:Shield,label:'Peace of Mind Plan',sub:'$20\/mo membership',desc:'Priority dispatch, free first rescue, member rates after. Cancel anytime.'},\n              {Icon:Battery,label:'All EV Brands',sub:'Tesla \u00b7 Rivian \u00b7 Ford \u00b7 Hyundai \u00b7 Kia \u00b7 BMW',desc:'Universal connectors. We carry every major adapter so your car is never the exception.'}\n            ].map((s,i)=>\n              <div key={s.label} className={`liquid-glass rounded-3xl p-7 hover:scale-[1.015] transition-transform fadeup d${i+1}`}>\n                <div className=\"relative z-10\">\n                  <div className=\"flex items-start justify-between mb-8\">\n                    <div className=\"w-12 h-12 rounded-full bg-white\/10 flex items-center justify-center\"><s.Icon size={18}\/><\/div>\n                    <span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/40 mt-2\">{String(i+1).padStart(2,'0')}<\/span>\n                  <\/div>\n                  <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45 mb-2\">{s.sub}<\/div>\n                  <h3 className=\"text-2xl font-medium tracking-[-0.02em] text-white mb-3\">\n                    {s.label.split(' ').slice(0,-1).join(' ')} <em className=\"font-serif italic text-white\/75\">{s.label.split(' ').slice(-1)[0]}<\/em>\n                  <\/h3>\n                  <p className=\"text-sm text-white\/55 leading-relaxed\">{s.desc}<\/p>\n                <\/div>\n              <\/div>\n            )}\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* COVERAGE *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            <div className=\"lg:col-span-5 fadeup\">\n              <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">Coverage<\/Pill>\n              <h2 className=\"text-4xl lg:text-5xl font-medium leading-[1.05] tracking-[-0.04em] text-white\">\n                Seattle to the<br\/><em className=\"font-serif italic font-medium text-white\/75\">Canadian border<\/em>\n              <\/h2>\n              <p className=\"text-white\/55 mt-6 leading-relaxed text-sm max-w-sm\">Four counties. Three mountain passes. Twenty-four hours a day. If you're inside the line, we're coming.<\/p>\n              <div className=\"mt-8 liquid-glass rounded-2xl p-5\">\n                <div className=\"relative z-10 flex items-center gap-4\">\n                  <div className=\"w-10 h-10 rounded-full bg-white\/10 flex items-center justify-center\"><Clock size={16}\/><\/div>\n                  <div>\n                    <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45\">Average response<\/div>\n                    <div className=\"text-2xl font-medium text-white tracking-tight\">47 min <span className=\"text-white\/45 text-sm\">to dispatch<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div className=\"lg:col-span-7 grid grid-cols-2 gap-4\">\n              {[\n                {name:'King County',cities:'Seattle \u00b7 Bellevue \u00b7 Renton',n:'01'},\n                {name:'Snohomish',cities:'Everett \u00b7 Lynnwood \u00b7 Edmonds',n:'02'},\n                {name:'Skagit County',cities:'Mount Vernon \u00b7 Burlington',n:'03'},\n                {name:'Whatcom County',cities:'Bellingham \u00b7 Lynden \u00b7 Ferndale',n:'04'}\n              ].map((c,i)=>\n                <div key={c.name} className={`liquid-glass rounded-3xl p-6 hover:scale-[1.02] transition-transform fadeup d${i+1}`}>\n                  <div className=\"relative z-10\">\n                    <div className=\"flex items-center justify-between mb-6\"><MapPin size={16}\/><span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/40\">{c.n}<\/span><\/div>\n                    <div className=\"text-lg font-medium text-white tracking-tight\">{c.name}<\/div>\n                    <p className=\"text-xs text-white\/55 mt-1.5 leading-relaxed\">{c.cities}<\/p>\n                  <\/div>\n                <\/div>\n              )}\n              <div className=\"col-span-2 liquid-glass-strong rounded-3xl p-6 fadeup d5\">\n                <div className=\"relative z-10\">\n                  <div className=\"flex items-center gap-2 mb-5\"><Mountain size={14}\/><span className=\"text-[10px] tracking-[0.32em] uppercase text-white\/55\">Mountain Passes<\/span><\/div>\n                  <div className=\"grid grid-cols-3 gap-4\">\n                    {[['HWY 2','Stevens'],['I-90','Snoqualmie'],['HWY 20','N. Cascades']].map(([n,sub])=>\n                      <div key={n}><div className=\"text-base font-medium text-white tracking-tight\">{n}<\/div><div className=\"text-[11px] text-white\/45 mt-0.5\">{sub}<\/div><\/div>\n                    )}\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* PRICING *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"text-center mb-16 fadeup\">\n            <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">Pricing<\/Pill>\n            <h2 className=\"text-4xl lg:text-6xl font-medium leading-[1.05] tracking-[-0.04em] text-white max-w-2xl mx-auto\">\n              Transparent rescue,<br\/><em className=\"font-serif italic font-medium text-white\/75\">no fine print<\/em>\n            <\/h2>\n          <\/div>\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-5 max-w-5xl mx-auto\">\n            {[\n              {name:'Single Rescue',price:'$149',sub:'Pay-per-call',feats:['One-time dispatch','30 mi range delivered','24\/7 availability','All EV brands'],cta:'Call to dispatch'},\n              {name:'Peace of Mind',price:'$20',period:'\/mo',sub:'Most popular',feats:['Priority dispatch','First rescue free','40% off thereafter','Mountain pass coverage','Family of 2 vehicles'],cta:'Start membership',featured:true},\n              {name:'Fleet & Business',price:'Custom',sub:'Dealers \u00b7 rideshare \u00b7 corp',feats:['Volume rates','Dedicated dispatcher','Monthly invoicing','SLA agreements'],cta:'Talk to us'}\n            ].map((t,i)=>\n              <div key={t.name} className={`${t.featured?'liquid-glass-strong':'liquid-glass'} rounded-3xl p-7 ${t.featured?'lg:-translate-y-3':''} hover:scale-[1.02] transition-transform fadeup d${i+1}`}>\n                <div className=\"relative z-10 flex flex-col h-full\">\n                  <div className=\"flex items-center justify-between mb-1\">\n                    <span className=\"text-[10px] tracking-[0.28em] uppercase text-white\/55\">{t.sub}<\/span>\n                    {t.featured && <Sparkles size={14}\/>}\n                  <\/div>\n                  <div className=\"text-xl font-medium text-white tracking-tight mb-5\">{t.name}<\/div>\n                  <div className=\"flex items-baseline gap-1 mb-6\">\n                    <span className=\"text-5xl font-medium text-white tracking-[-0.04em]\">{t.price}<\/span>\n                    {t.period && <span className=\"text-white\/55 text-sm\">{t.period}<\/span>}\n                  <\/div>\n                  <ul className=\"space-y-2.5 mb-8 flex-1\">\n                    {t.feats.map(f=><li key={f} className=\"flex items-start gap-2.5 text-sm text-white\/70\">\n                      <span className=\"w-4 h-4 mt-0.5 rounded-full bg-white\/10 flex items-center justify-center flex-shrink-0\"><Check size={9}\/><\/span>{f}\n                    <\/li>)}\n                  <\/ul>\n                  <button className={`${t.featured?'liquid-glass-strong':'liquid-glass'} rounded-full py-3 hover:scale-[1.02] active:scale-95 transition-transform`}>\n                    <span className=\"relative z-10 text-sm font-medium tracking-tight\">{t.cta}<\/span>\n                  <\/button>\n                <\/div>\n              <\/div>\n            )}\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* REVIEWS *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"flex flex-col lg:flex-row lg:items-end justify-between mb-14 gap-6 fadeup\">\n            <div>\n              <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">Real Rescues<\/Pill>\n              <h2 className=\"text-4xl lg:text-5xl font-medium leading-[1.05] tracking-[-0.04em] text-white max-w-xl\">\n                Real drivers,<br\/><em className=\"font-serif italic font-medium text-white\/75\">real reviews<\/em>\n              <\/h2>\n            <\/div>\n            <div className=\"liquid-glass rounded-full px-5 py-3 inline-flex items-center gap-3\">\n              <span className=\"relative z-10 flex items-center gap-1\">{[0,1,2,3,4].map(i=><Star key={i} size={12} fill=\"white\" stroke=\"white\"\/>)}<\/span>\n              <span className=\"relative z-10 text-sm text-white\/70\">4.9 \u00b7 247 rescues<\/span>\n            <\/div>\n          <\/div>\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-5\">\n            {[\n              {stars:5,text:'My Tesla died on HWY 2 coming back from Leavenworth at 11pm. Squatch arrived in forty-seven minutes with a smile and a full charge.',author:'J. Martinez',car:'Tesla Model Y'},\n              {stars:5,text:'Tow company quoted me $620 to drag my Ioniq 5 thirty miles. Squatch charged me a hundred and forty-nine and I drove away. No-brainer.',author:'S. Khan',car:'Hyundai Ioniq 5'},\n              {stars:5,text:\"I-90 in a snowstorm with a dead Rivian. They had chains, snow tires, and the right adapter. Felt like calling a friend.\",author:'D. Williams',car:'Rivian R1T'}\n            ].map((r,i)=>\n              <div key={r.author} className={`liquid-glass rounded-3xl p-7 fadeup d${i+1}`}>\n                <div className=\"relative z-10\">\n                  <div className=\"flex gap-1 mb-5\">{Array.from({length:r.stars}).map((_,j)=><Star key={j} size={12} fill=\"white\" stroke=\"white\"\/>)}<\/div>\n                  <p className=\"text-base text-white\/85 leading-relaxed mb-6\">\n                    <span className=\"font-serif italic text-white\/95 text-2xl leading-none\">\"<\/span>{r.text}<span className=\"font-serif italic text-white\/95\">\"<\/span>\n                  <\/p>\n                  <div className=\"pt-5 border-t border-white\/10\">\n                    <div className=\"text-sm font-medium text-white\">{r.author}<\/div>\n                    <div className=\"text-xs text-white\/50 mt-0.5\">{r.car}<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            )}\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* HOW IT WORKS *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"text-center mb-16 fadeup\">\n            <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">How It Works<\/Pill>\n            <h2 className=\"text-4xl lg:text-6xl font-medium leading-[1.05] tracking-[-0.04em] text-white max-w-2xl mx-auto\">\n              Four steps from<br\/><em className=\"font-serif italic font-medium text-white\/75\">stranded to charged<\/em>\n            <\/h2>\n          <\/div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5\">\n            {[\n              {n:'01',t:'You call',d:'Tap the number. We answer in under thirty seconds, twenty-four hours a day.'},\n              {n:'02',t:'We dispatch',d:'Closest unit is pinged with your GPS. ETA texted in ninety seconds or less.'},\n              {n:'03',t:'We arrive',d:'EV-trained crew rolls up with universal connectors and a full mobile DC bank.'},\n              {n:'04',t:'You drive',d:'Real range added in minutes. No tow, no flatbed, no nightmare bill.'}\n            ].map((s,i)=>\n              <div key={s.n} className={`liquid-glass rounded-3xl p-6 fadeup d${i+1}`}>\n                <div className=\"relative z-10\">\n                  <div className=\"text-[11px] tracking-[0.32em] uppercase text-white\/40 mb-8\">{s.n}<\/div>\n                  <BatteryBar height={6}\/>\n                  <div className=\"text-xl font-medium text-white tracking-tight mt-6 mb-2\">\n                    {s.t.split(' ')[0]} <em className=\"font-serif italic text-white\/75\">{s.t.split(' ').slice(1).join(' ')}<\/em>\n                  <\/div>\n                  <p className=\"text-sm text-white\/55 leading-relaxed\">{s.d}<\/p>\n                <\/div>\n              <\/div>\n            )}\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* IMPACT *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n            <div className=\"lg:col-span-5 fadeup\">\n              <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">Live Impact<\/Pill>\n              <h2 className=\"text-4xl lg:text-5xl font-medium leading-[1.05] tracking-[-0.04em] text-white\">\n                The grid we<br\/><em className=\"font-serif italic font-medium text-white\/75\">keep moving<\/em>\n              <\/h2>\n              <p className=\"text-white\/55 mt-6 leading-relaxed text-sm max-w-sm\">A live look at the Squatch fleet right now \u2014 kilowatts dispensed, miles restored, and tow trucks avoided.<\/p>\n              <div className=\"mt-8 space-y-3\">\n                <BatteryCell percent={78} label=\"Unit 01 \u00b7 Stevens Pass\"\/>\n                <BatteryCell percent={42} label=\"Unit 02 \u00b7 I-90\"\/>\n                <BatteryCell percent={91} label=\"Unit 03 \u00b7 Bellingham\"\/>\n              <\/div>\n            <\/div>\n            <div className=\"lg:col-span-7 grid grid-cols-2 gap-4\">\n              {[\n                {v:'2,148',l:'Rescues completed'},\n                {v:'47 min',l:'Average response'},\n                {v:'$312k',l:'Tow fees saved'},\n                {v:'124 MWh',l:'Energy delivered'}\n              ].map((s,i)=>\n                <div key={s.l} className={`liquid-glass rounded-3xl p-7 fadeup d${i+1}`}>\n                  <div className=\"relative z-10\">\n                    <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45 mb-3\">{s.l}<\/div>\n                    <div className=\"text-4xl lg:text-5xl font-medium text-white tracking-[-0.03em] tabular-nums\">{s.v}<\/div>\n                    <div className=\"mt-5\"><BatteryBar height={5}\/><\/div>\n                  <\/div>\n                <\/div>\n              )}\n              <div className=\"col-span-2 liquid-glass-strong rounded-3xl p-6 fadeup d5\">\n                <div className=\"relative z-10\">\n                  <div className=\"flex items-center justify-between mb-4\">\n                    <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/55\">Dispatch Activity \u00b7 Last 24h<\/div>\n                    <span className=\"text-[11px] text-white\/55 flex items-center gap-1.5\">\n                      <span className=\"w-1.5 h-1.5 rounded-full bg-white\/80 bolt-flash\"><\/span> Live\n                    <\/span>\n                  <\/div>\n                  <svg viewBox=\"0 0 600 80\" className=\"w-full h-16\">\n                    <path d=\"M0 40 L80 40 L95 20 L110 60 L130 40 L200 40 L215 25 L230 55 L245 40 L320 40 L335 15 L350 65 L365 40 L440 40 L455 28 L470 52 L485 40 L600 40\"\n                      fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"ekg-line\"\/>\n                  <\/svg>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* FAQ *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"text-center mb-14 fadeup\">\n            <Pill className=\"px-4 py-1.5 text-[10px] tracking-[0.32em] uppercase text-white\/70 mb-6 inline-flex\">FAQ<\/Pill>\n            <h2 className=\"text-4xl lg:text-5xl font-medium leading-[1.05] tracking-[-0.04em] text-white\">\n              The questions we<br\/><em className=\"font-serif italic font-medium text-white\/75\">hear most<\/em>\n            <\/h2>\n          <\/div>\n          <FAQList items={[\n            {q:\"How fast can you reach me?\",a:\"Average response is 47 minutes anywhere inside our four-county service area. Mountain passes can take longer in heavy weather, but you'll know your ETA within 90 seconds of dispatch.\"},\n            {q:\"How much range do you add?\",a:\"A standard rescue adds 30\u201340 miles \u2014 enough to reach the nearest fast charger or get home. Members can request a full top-up at member rates.\"},\n            {q:\"Which EVs do you support?\",a:\"All of them. Tesla, Rivian, Ford Lightning, Hyundai Ioniq, Kia EV6\/EV9, BMW, Mercedes EQ, Chevy, Nissan, Polestar \u2014 we carry every CCS and NACS adapter on every truck.\"},\n            {q:\"Do you cover mountain passes?\",a:\"Yes. We run dedicated units for HWY 2 (Stevens), I-90 (Snoqualmie), and HWY 20 (North Cascades) with snow tires and chains year-round.\"},\n            {q:\"Is membership worth it?\",a:\"If you drive an EV in Western WA, almost certainly. One rescue at the non-member rate ($149) covers more than half a year of membership and your first rescue is free.\"}\n          ]}\/>\n        <\/div>\n      <\/section>\n\n      {\/* FINAL CTA *\/}\n      <section className=\"relative px-6 lg:px-12 py-24 lg:py-32\" style={{zIndex:10}}>\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"liquid-glass-strong rounded-[2.5rem] p-10 lg:p-16 text-center fadeup\">\n            <div className=\"relative z-10 flex flex-col items-center\">\n              <LogoBig size={64}\/>\n              <h2 className=\"mt-6 text-4xl lg:text-6xl font-medium leading-[1.05] tracking-[-0.04em] text-white\">\n                Squatch crew is on<br\/><em className=\"font-serif italic font-medium text-white\/85\">standby right now<\/em>\n              <\/h2>\n              <p className=\"text-white\/60 mt-5 max-w-md leading-relaxed text-sm\">Call or text. We dispatch the closest unit and ping you with an ETA in under ninety seconds.<\/p>\n              <div className=\"mt-9 flex flex-col sm:flex-row gap-3\">\n                <a href=\"tel:12064650685\" className=\"liquid-glass-strong rounded-full px-7 py-4 hover:scale-105 active:scale-95 transition-transform\">\n                  <span className=\"relative z-10 flex items-center gap-3\">\n                    <span className=\"w-8 h-8 rounded-full bg-white\/15 flex items-center justify-center\"><Phone size={14}\/><\/span>\n                    <span className=\"text-sm font-medium tracking-tight\">(206) 465-0685<\/span>\n                  <\/span>\n                <\/a>\n                <a href=\"sms:12064650685\" className=\"liquid-glass rounded-full px-7 py-4 hover:scale-105 active:scale-95 transition-transform\">\n                  <span className=\"relative z-10 flex items-center gap-3\">\n                    <span className=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><MessageSquare size={14}\/><\/span>\n                    <span className=\"text-sm font-medium tracking-tight\">Text to dispatch<\/span>\n                  <\/span>\n                <\/a>\n              <\/div>\n              <div className=\"mt-10 flex flex-wrap justify-center gap-2\">\n                {['24\/7','All EV brands','No tow trucks','Family-owned'].map(t=><Pill key={t} className=\"px-3.5 py-1.5 text-[11px] text-white\/70\">{t}<\/Pill>)}\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      {\/* FOOTER *\/}\n      <footer className=\"relative px-6 lg:px-12 pt-12 pb-10\" style={{zIndex:10}}>\n        <div className=\"max-w-6xl mx-auto\">\n          <div className=\"liquid-glass rounded-3xl p-8 lg:p-10\">\n            <div className=\"relative z-10 grid grid-cols-2 md:grid-cols-4 gap-8\">\n              <div className=\"col-span-2\">\n                <div className=\"flex items-center gap-3 mb-4\"><LogoMark size={32}\/><span className=\"text-2xl font-semibold tracking-tighter text-white\">squatch<\/span><\/div>\n                <p className=\"text-sm text-white\/55 leading-relaxed max-w-xs\">24\/7 mobile EV charging across Western Washington. Family-owned, EV-trained, mountain-ready.<\/p>\n                <div className=\"flex gap-2 mt-5\">\n                  {[Twitter,Linkedin,Instagram].map((Cmp,i)=>\n                    <a key={i} href=\"#\" className=\"liquid-glass w-9 h-9 rounded-full flex items-center justify-center hover:scale-105 transition-transform\">\n                      <span className=\"relative z-10\"><Cmp size={13}\/><\/span>\n                    <\/a>\n                  )}\n                <\/div>\n              <\/div>\n              <div>\n                <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45 mb-4\">Service<\/div>\n                <ul className=\"space-y-2.5 text-sm text-white\/70\">\n                  {['On-demand','Membership','Mountain pass','Fleet'].map(l=><li key={l}><a href=\"#\" className=\"hover:text-white transition-colors\">{l}<\/a><\/li>)}\n                <\/ul>\n              <\/div>\n              <div>\n                <div className=\"text-[10px] tracking-[0.28em] uppercase text-white\/45 mb-4\">Contact<\/div>\n                <ul className=\"space-y-2.5 text-sm text-white\/70\">\n                  <li><a href=\"tel:12064650685\" className=\"hover:text-white transition-colors\">(206) 465-0685<\/a><\/li>\n                  <li><a href=\"mailto:hi@squatch.ev\" className=\"hover:text-white transition-colors\">hi@squatch.ev<\/a><\/li>\n                  <li className=\"text-white\/50\">Western Washington<\/li>\n                <\/ul>\n              <\/div>\n            <\/div>\n            <div className=\"relative z-10 mt-10 pt-6 flex flex-col md:flex-row justify-between gap-4 text-[11px] text-white\/40\" style={{borderTop:'1px solid rgba(255,255,255,0.08)'}}>\n              <span>\u00a9 2026 Squatch Unplugged \u00b7 Family-owned<\/span>\n              <span className=\"font-serif italic text-white\/55\">Coming to you, anywhere in WA.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/footer>\n    <\/div>\n  );\n}\n\nReactDOM.createRoot(document.getElementById('squatch-root')).render(<App\/>);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":165,"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/pages\/10\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/gosocialwebsites.com\/squatchunplugged\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}