Contact Us \u2013 AutoPoint MK | Garage & Service Center<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Abhaya+Libre:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n\r\n:root{\r\n --red:#E40101;\r\n --blue:#046BD2;\r\n --ink:#0a0a0b;\r\n --dark:#08090a;\r\n --dark2:#0f1014;\r\n --cream:#faf8f5;\r\n --white:#ffffff;\r\n --light:#f4f5f7;\r\n --grey-light:#f1ede6;\r\n --grey-mid:#d6cfc4;\r\n --text-dark:#1c2320;\r\n --text-mid:#3d4a42;\r\n --text-light:#6b7870;\r\n --shadow:0 4px 24px rgba(0,0,0,0.08);\r\n --shadow-md:0 8px 36px rgba(0,0,0,0.12);\r\n --radius:12px;\r\n --radius-lg:20px;\r\n --t:0.25s ease;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n font-size:18px;\r\n}\r\n\r\nbody{\r\n width:100%;\r\n max-width:100%;\r\n font-family:'Abhaya Libre', serif;\r\n background:var(--cream);\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n}\r\n\r\n\/* FULL WIDTH FIX *\/\r\nsection, .cta, .form-section {\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n width:100vw;\r\n background:var(--dark);\r\n padding:clamp(80px,11vw,140px) clamp(24px,8vw,140px) clamp(60px,8vw,100px);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.hero::before{\r\n content:'';\r\n position:absolute;\r\n top:-20%;\r\n right:-5%;\r\n width:55%;\r\n height:85%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.12) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.hero::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-20%;\r\n left:-5%;\r\n width:40%;\r\n height:70%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(228,1,1,.08) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.hero-ghost{\r\n position:absolute;\r\n right:-.02em;\r\n bottom:-.05em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(22vw,28vw,34vw);\r\n line-height:1;\r\n text-transform:uppercase;\r\n color:transparent;\r\n -webkit-text-stroke:2px rgba(255,255,255,.03);\r\n pointer-events:none;\r\n user-select:none;\r\n z-index:0;\r\n}\r\n.hero-inner{\r\n position:relative;\r\n z-index:2;\r\n max-width:700px;\r\n}\r\n.hero-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n opacity:0;\r\n animation:fup .7s .2s forwards;\r\n}\r\n.hero-eyebrow-line{\r\n width:28px;\r\n height:2px;\r\n background:#E40101;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.hero-eyebrow-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:#E40101;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hero-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3rem,9vw,5.5rem);\r\n line-height:.84;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n opacity:0;\r\n animation:fup .85s .35s forwards;\r\n}\r\n.ht1{color:#fff;display:block}\r\n.ht2{color:#046BD2;display:block}\r\n.hero-rule{\r\n width:0;\r\n height:3px;\r\n background:linear-gradient(90deg,#E40101,#046BD2);\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,24px) 0;\r\n animation:grow 1s .9s cubic-bezier(.16,1,.3,1) forwards;\r\n border:none;\r\n}\r\n@keyframes grow{to{width:60px}}\r\n.hero-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.6);\r\n max-width:500px;\r\n opacity:0;\r\n animation:fup .7s 1s forwards;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hero-status{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(20px,3vw,32px);\r\n padding:10px 20px;\r\n border-radius:100px;\r\n border:1px solid;\r\n opacity:0;\r\n animation:fup .7s 1.2s forwards;\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.hero-status.open{\r\n background:rgba(34,197,94,.07);\r\n border-color:rgba(34,197,94,.3);\r\n}\r\n.hero-status.closed{\r\n background:rgba(228,1,1,.07);\r\n border-color:rgba(228,1,1,.28);\r\n}\r\n.status-dot{\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n flex-shrink:0;\r\n animation:blink 2s ease-in-out infinite;\r\n border:none;\r\n}\r\n.hero-status.open .status-dot{\r\n background:#22c55e;\r\n box-shadow:0 0 9px rgba(34,197,94,.7);\r\n}\r\n.hero-status.closed .status-dot{\r\n background:#E40101;\r\n box-shadow:0 0 9px rgba(228,1,1,.7);\r\n}\r\n.status-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n.hero-status.open .status-txt{color:#16a34a}\r\n.hero-status.closed .status-txt{color:#E40101}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* CARDS SECTION *\/\r\n.cards-section{\r\n padding:clamp(60px,8vw,100px) 0;\r\n background:var(--cream);\r\n}\r\n.cards-section .section-inner{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n}\r\n.cards-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:3px;\r\n}\r\n.c-card{\r\n background:#0d0f14;\r\n padding:clamp(28px,3.5vw,44px) clamp(24px,3vw,36px);\r\n display:flex;\r\n flex-direction:column;\r\n gap:16px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:all .3s ease;\r\n cursor:default;\r\n border:none;\r\n}\r\n.c-card::before{\r\n content:'';\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n height:3px;\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.c-card:nth-child(1)::before{background:#046BD2}\r\n.c-card:nth-child(2)::before{background:#E40101}\r\n.c-card:nth-child(3)::before{background:#046BD2}\r\n.c-card:hover::before{transform:scaleX(1)}\r\n.c-card:hover{\r\n background:rgba(255,255,255,.04);\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 52px rgba(0,0,0,.4);\r\n}\r\n.c-card-icon{\r\n width:46px;\r\n height:46px;\r\n border-radius:10px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n transition:all .3s ease;\r\n border:none;\r\n}\r\n.c-card:nth-child(1) .c-card-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.c-card:nth-child(2) .c-card-icon{background:rgba(228,1,1,.1);border:1px solid rgba(228,1,1,.22)}\r\n.c-card:nth-child(3) .c-card-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.c-card:nth-child(1):hover .c-card-icon{background:#046BD2;border-color:#046BD2;box-shadow:0 6px 22px rgba(4,107,210,.45)}\r\n.c-card:nth-child(2):hover .c-card-icon{background:#E40101;border-color:#E40101;box-shadow:0 6px 22px rgba(228,1,1,.4)}\r\n.c-card:nth-child(3):hover .c-card-icon{background:#046BD2;border-color:#046BD2;box-shadow:0 6px 22px rgba(4,107,210,.45)}\r\n.c-card-icon svg{width:20px;height:20px;transition:color .3s}\r\n.c-card:nth-child(1) .c-card-icon svg{color:#6eb3ff}\r\n.c-card:nth-child(2) .c-card-icon svg{color:#ff8080}\r\n.c-card:nth-child(3) .c-card-icon svg{color:#6eb3ff}\r\n.c-card:hover .c-card-icon svg{color:#fff}\r\n.c-card-label{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.3em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.c-card-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:1rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n line-height:1.15;\r\n}\r\n.c-card-value{\r\n font-size:0.95rem;\r\n font-weight:400;\r\n line-height:1.65;\r\n color:rgba(255,255,255,.55);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.c-card-value a{\r\n color:rgba(255,255,255,.55);\r\n text-decoration:none;\r\n transition:color .25s;\r\n}\r\n.c-card-value a:hover{color:#fff}\r\n\r\n\/* SPLIT SECTION *\/\r\n.split{\r\n padding:clamp(60px,8vw,100px) 0;\r\n background:var(--light);\r\n}\r\n.split .section-inner{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n}\r\n.split-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:3px;\r\n}\r\n.split-panel{\r\n background:#0d0f14;\r\n padding:clamp(32px,4vw,52px) clamp(28px,3.5vw,44px);\r\n position:relative;\r\n overflow:hidden;\r\n border:none;\r\n}\r\n.split-panel::after{\r\n content:'';\r\n position:absolute;\r\n bottom:0;\r\n right:0;\r\n width:120px;\r\n height:120px;\r\n border-radius:50%;\r\n pointer-events:none;\r\n}\r\n.split-panel:first-child::after{\r\n background:radial-gradient(circle at bottom right,rgba(4,107,210,.08),transparent 70%);\r\n}\r\n.split-panel:last-child::after{\r\n background:radial-gradient(circle at bottom right,rgba(228,1,1,.07),transparent 70%);\r\n}\r\n.sp-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:clamp(16px,2.2vw,24px);\r\n}\r\n.sp-eyebrow-line{\r\n width:22px;\r\n height:2px;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.sp-eyebrow-line.blue{background:#046BD2}\r\n.sp-eyebrow-line.red{background:#E40101}\r\n.sp-eyebrow-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.32em;\r\n text-transform:uppercase;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.sp-eyebrow-txt.blue{color:#046BD2}\r\n.sp-eyebrow-txt.red{color:#E40101}\r\n.sp-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.8rem,2.8vw,2.6rem);\r\n line-height:.92;\r\n letter-spacing:.02em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:clamp(20px,2.8vw,32px);\r\n}\r\n.sp-title .blue{color:#046BD2;display:block}\r\n.sp-title .red{color:#E40101;display:block}\r\n\r\n\/* Address rows *\/\r\n.addr-rows{\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n.addr-row{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n padding:clamp(12px,1.5vw,16px) clamp(14px,1.8vw,18px);\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.06);\r\n border-radius:5px;\r\n transition:all .25s ease;\r\n cursor:default;\r\n}\r\n.addr-row:hover{\r\n background:rgba(4,107,210,.08);\r\n border-color:rgba(4,107,210,.25);\r\n transform:translateX(5px);\r\n}\r\n.addr-row-icon{\r\n width:30px;\r\n height:30px;\r\n border-radius:6px;\r\n background:rgba(4,107,210,.12);\r\n border:1px solid rgba(4,107,210,.22);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n transition:all .25s;\r\n}\r\n.addr-row:hover .addr-row-icon{\r\n background:#046BD2;\r\n border-color:#046BD2;\r\n}\r\n.addr-row-icon svg{\r\n width:13px;\r\n height:13px;\r\n color:#6eb3ff;\r\n transition:color .25s;\r\n}\r\n.addr-row:hover .addr-row-icon svg{color:#fff}\r\n.addr-row-txt{\r\n font-size:0.95rem;\r\n font-weight:400;\r\n color:rgba(255,255,255,.6);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* Directions button *\/\r\n.dir-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(18px,2.5vw,26px);\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.85rem;\r\n font-weight:700;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n color:#fff;\r\n padding:12px 26px;\r\n background:#046BD2;\r\n border:none;\r\n border-radius:4px;\r\n box-shadow:0 6px 22px rgba(4,107,210,.35);\r\n transition:all .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.dir-btn:hover{\r\n background:#0358b0;\r\n box-shadow:0 12px 36px rgba(4,107,210,.55);\r\n transform:translateY(-3px) scale(1.03);\r\n}\r\n.dir-btn svg{transition:transform .3s}\r\n.dir-btn:hover svg{transform:translateX(5px)}\r\n\r\n\/* Hours rows *\/\r\n.hour-rows{\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n.hour-row{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n padding:clamp(11px,1.4vw,15px) clamp(14px,1.8vw,18px);\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.06);\r\n border-radius:5px;\r\n transition:all .25s;\r\n cursor:default;\r\n}\r\n.hour-row.today{\r\n background:#fff;\r\n border-color:#046BD2;\r\n border-width:2px;\r\n border-left-width:3px;\r\n}\r\n.hour-row.sun.today{border-color:#E40101}\r\n.hour-row:not(.today):hover{\r\n background:rgba(255,255,255,.06);\r\n transform:translateX(5px);\r\n}\r\n.hour-day{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-size:0.9rem;\r\n font-weight:500;\r\n color:rgba(255,255,255,.6);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hour-row.today .hour-day{color:#0b0c0f}\r\n.today-badge{\r\n font-size:0.5rem;\r\n font-weight:800;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n padding:2px 8px;\r\n border-radius:2px;\r\n background:#046BD2;\r\n color:#fff;\r\n border:none;\r\n}\r\n.hour-row.sun.today .today-badge{background:#E40101}\r\n.hour-time{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hour-row:not(.sun):not(.today) .hour-time{color:#046BD2}\r\n.hour-row.sun:not(.today) .hour-time{color:#E40101}\r\n.hour-row.today:not(.sun) .hour-time{color:#046BD2}\r\n.hour-row.sun.today .hour-time{color:#E40101}\r\n\r\n.hours-live{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(16px,2vw,22px);\r\n}\r\n.hours-live-dot{\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n animation:blink 2s ease-in-out infinite;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.hours-live-dot.open{\r\n background:#22c55e;\r\n box-shadow:0 0 9px rgba(34,197,94,.7);\r\n}\r\n.hours-live-dot.closed{\r\n background:#E40101;\r\n box-shadow:0 0 9px rgba(228,1,1,.7);\r\n}\r\n.hours-live-txt{\r\n font-size:0.75rem;\r\n font-weight:600;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.hours-live-txt.open{color:#16a34a}\r\n.hours-live-txt.closed{color:#E40101}\r\n\r\n\/* FORM SECTION (WPForms replica + style) *\/\r\n.form-section{\r\n background:var(--cream);\r\n padding:clamp(70px,10vw,120px) 0 clamp(80px,10vw,130px);\r\n}\r\n.form-section .section-inner{\r\n max-width:1000px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n}\r\n.form-card{\r\n background:#ffffff;\r\n border-radius:24px;\r\n box-shadow:0 20px 48px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);\r\n overflow:hidden;\r\n transition:transform 0.2s ease;\r\n}\r\n.form-header{\r\n background:linear-gradient(135deg, #0a0c10 0%, #111318 100%);\r\n padding:clamp(24px,4vw,38px) clamp(28px,5vw,48px);\r\n border-bottom:3px solid #E40101;\r\n}\r\n.form-header h3{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.8rem,3.5vw,2.4rem);\r\n letter-spacing:-0.01em;\r\n color:#fff;\r\n margin-bottom:8px;\r\n text-transform:uppercase;\r\n}\r\n.form-header p{\r\n font-family:'DM Sans', sans-serif;\r\n font-size:0.9rem;\r\n color:rgba(255,255,255,0.6);\r\n}\r\n.form-body{\r\n padding:clamp(28px,5vw,48px) clamp(28px,5vw,48px);\r\n}\r\n\/* custom WPforms like styling *\/\r\n.mock-wp-form .wpforms-field{\r\n margin-bottom:22px;\r\n}\r\n.mock-wp-form label{\r\n display:block;\r\n font-family:'DM Sans', sans-serif;\r\n font-weight:600;\r\n font-size:0.8rem;\r\n letter-spacing:0.03em;\r\n text-transform:uppercase;\r\n color:#1a202c;\r\n margin-bottom:8px;\r\n}\r\n.mock-wp-form input,\r\n.mock-wp-form textarea,\r\n.mock-wp-form select{\r\n width:100%;\r\n padding:14px 16px;\r\n background:#fefcf9;\r\n border:1.5px solid #e4dfd7;\r\n border-radius:12px;\r\n font-family:'Abhaya Libre', serif;\r\n font-size:1rem;\r\n transition:all 0.2s;\r\n}\r\n.mock-wp-form input:focus,\r\n.mock-wp-form textarea:focus,\r\n.mock-wp-form select:focus{\r\n outline:none;\r\n border-color:#046BD2;\r\n box-shadow:0 0 0 3px rgba(4,107,210,0.15);\r\n background:#fff;\r\n}\r\n.mock-wp-form textarea{\r\n resize:vertical;\r\n min-height:110px;\r\n}\r\n.wpforms-submit{\r\n background:#E40101;\r\n border:none;\r\n width:100%;\r\n padding:16px 20px;\r\n font-family:'DM Sans', sans-serif;\r\n font-weight:700;\r\n font-size:0.9rem;\r\n letter-spacing:0.2em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border-radius:40px;\r\n cursor:pointer;\r\n transition:all 0.3s ease;\r\n margin-top:8px;\r\n box-shadow:0 3px 8px rgba(0,0,0,0.05);\r\n}\r\n.wpforms-submit:hover{\r\n background:#bb0000;\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 22px rgba(228,1,1,0.25);\r\n}\r\n.form-note{\r\n text-align:center;\r\n margin-top:20px;\r\n font-size:0.75rem;\r\n font-family:'DM Sans', sans-serif;\r\n color:#6c757d;\r\n}\r\n\r\n\/* CTA SECTION *\/\r\n.cta{\r\n width:100vw;\r\n background:var(--dark2);\r\n padding:clamp(60px,8vw,100px) clamp(24px,8vw,140px);\r\n border-top:4px solid var(--red);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.cta::before{\r\n content:'';\r\n position:absolute;\r\n top:-40%;\r\n right:-10%;\r\n width:60%;\r\n height:150%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(228,1,1,.08) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.cta::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-30%;\r\n left:-5%;\r\n width:45%;\r\n height:130%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.07) 0%,transparent 60%);\r\n pointer-events:none;\r\n}\r\n.cta-inner{\r\n position:relative;\r\n z-index:2;\r\n max-width:900px;\r\n margin:0 auto;\r\n text-align:center;\r\n}\r\n.cta-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.cta-eyebrow::before,\r\n.cta-eyebrow::after{\r\n content:'';\r\n width:24px;\r\n height:2px;\r\n background:var(--blue);\r\n flex-shrink:0;\r\n}\r\n.cta-eyebrow-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.35em;\r\n text-transform:uppercase;\r\n color:var(--blue);\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.cta-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,6vw,5rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:clamp(20px,3vw,30px);\r\n}\r\n.cta-title span{\r\n color:var(--red);\r\n display:block;\r\n}\r\n.cta-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(255,255,255,.45);\r\n max-width:500px;\r\n margin:0 auto clamp(28px,4vw,40px);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.cta-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n color:#fff;\r\n padding:clamp(16px,2vw,20px) clamp(36px,4vw,60px);\r\n background:var(--red);\r\n border:none;\r\n border-radius:3px;\r\n box-shadow:0 8px 32px rgba(228,1,1,.4);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.cta-btn:hover{\r\n background:#c80000;\r\n box-shadow:0 16px 52px rgba(228,1,1,.6);\r\n transform:translateY(-4px) scale(1.03);\r\n}\r\n.cta-btn svg{\r\n transition:transform .3s;\r\n width:14px;\r\n height:14px;\r\n}\r\n.cta-btn:hover svg{transform:translateX(6px)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n .cards-grid{grid-template-columns:1fr}\r\n .split-grid{grid-template-columns:1fr}\r\n}\r\n@media(max-width:768px){\r\n html{font-size:16px}\r\n .hero-title{font-size:3rem}\r\n .hero-desc{font-size:1rem}\r\n .c-card-title{font-size:0.95rem}\r\n .sp-title{font-size:1.8rem}\r\n .cta-title{font-size:2.8rem}\r\n}\r\n@media(max-width:640px){\r\n .hero-title{font-size:2.5rem}\r\n .form-body{padding:24px 20px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-ghost\">HI<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eyebrow\">\r\n <div class=\"hero-eyebrow-line\"><\/div>\r\n <span class=\"hero-eyebrow-txt\">Get In Touch<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n <span class=\"ht1\">Contact<\/span>\r\n <span class=\"ht2\">Us.<\/span>\r\n <\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-desc\">We're always happy to help. Whether you need to book a service, get a quote, or simply ask a question \u2014 reach out and our friendly team will get back to you straight away.<\/p>\r\n <div class=\"hero-status\" id=\"hero-status\">\r\n <div class=\"status-dot\"><\/div>\r\n <span class=\"status-txt\" id=\"status-txt\">Checking...<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"cards-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"cards-grid\">\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.87a16 16 0 0 0 6.29 6.29l1.14-1.14a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Call Us<\/span>\r\n <div class=\"c-card-title\">Phone Number<\/div>\r\n <div class=\"c-card-value\"><a href=\"tel:+441908973839\">01908 97 38 39<\/a><\/div>\r\n <\/div>\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Email Us<\/span>\r\n <div class=\"c-card-title\">Email Address<\/div>\r\n <div class=\"c-card-value\"><a href=\"mailto:Info@autopointmk.com\">Info@autopointmk.com<\/a><\/div>\r\n <\/div>\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Visit Us<\/span>\r\n <div class=\"c-card-title\">Our Location<\/div>\r\n <div class=\"c-card-value\">Unit B Lyon Rd, Bletchley<br>Milton Keynes MK1 1EX<br>United Kingdom<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"split\">\r\n <div class=\"section-inner\">\r\n <div class=\"split-grid\">\r\n <div class=\"split-panel\">\r\n <div class=\"sp-eyebrow\"><div class=\"sp-eyebrow-line blue\"><\/div><span class=\"sp-eyebrow-txt blue\">Find Us<\/span><\/div>\r\n <h3 class=\"sp-title\">Our<br><span class=\"blue\">Address.<\/span><\/h3>\r\n <div class=\"addr-rows\">\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><span class=\"addr-row-txt\">Unit B Lyon Rd, Bletchley<\/span><\/div>\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><span class=\"addr-row-txt\">Milton Keynes MK1 1EX<\/span><\/div>\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div><span class=\"addr-row-txt\">United Kingdom<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Unit+B+Lyon+Rd+Bletchley+Milton+Keynes+MK1+1EX\" target=\"_blank\" class=\"dir-btn\">Get Directions <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"split-panel\">\r\n <div class=\"sp-eyebrow\"><div class=\"sp-eyebrow-line red\"><\/div><span class=\"sp-eyebrow-txt red\">When We're Open<\/span><\/div>\r\n <h3 class=\"sp-title\">Opening<br><span class=\"red\">Hours.<\/span><\/h3>\r\n <div class=\"hour-rows\" id=\"hoursContainer\">\r\n \r\n <\/div>\r\n <div class=\"hours-live\"><div class=\"hours-live-dot\" id=\"live-dot\"><\/div><span class=\"hours-live-txt\" id=\"live-txt\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"form-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"form-card\">\r\n <div class=\"form-header\">\r\n <h3>Send a Message<\/h3>\r\n <p>We\u2019ll reply within 24 hours \u2014 or give us a call right away.<\/p>\r\n <\/div>\r\n <div class=\"form-body\">\r\n <style id=\"wpforms-css-vars-157\">\n\t\t\t\t#wpforms-157 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-157\"><form id=\"wpforms-form-157\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"157\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F154\" data-token=\"49655d42788381afb2a9eacb213ebfe9\" data-token-time=\"1778344518\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-157-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-157-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-157-field_1-error\" required><label for=\"wpforms-157-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-157-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-157-field_1-last-error\" required><label for=\"wpforms-157-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div>\t\t<div id=\"wpforms-157-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-157-field_5\" >Message Phone no.<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-157-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-157-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-157-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-157-field_2-error\" required><\/div><div id=\"wpforms-157-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_4\">Phone no. <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-157-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-157-field_4-error\" required><\/div><div id=\"wpforms-157-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_3\">Your Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-157-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-157-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-157-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-157-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-157-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"157\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-157\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/autopointmk.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"cta\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-eyebrow\"><span class=\"cta-eyebrow-txt\">Get In Touch<\/span><\/div>\r\n <h2 class=\"cta-title\">Need Assistance?<span>We're Here To Help.<\/span><\/h2>\r\n <p class=\"cta-desc\">Whether it's a quick question or a full service booking, our team is ready to assist you.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/book-now\/\" class=\"cta-btn\">Book a Service <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Populate hours & live status\r\n(function(){\r\n const weekdays = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];\r\n const hoursData = [\r\n { day:0, label:'Sunday', open:9, close:15, range:'9:00 AM \u2013 3:00 PM', sun:true },\r\n { day:1, label:'Monday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:2, label:'Tuesday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:3, label:'Wednesday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:4, label:'Thursday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:5, label:'Friday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:6, label:'Saturday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' }\r\n ];\r\n const container = document.getElementById('hoursContainer');\r\n if(container){\r\n container.innerHTML = '';\r\n const now = new Date();\r\n const currentDay = now.getDay();\r\n const currentHour = now.getHours() + now.getMinutes()\/60;\r\n hoursData.forEach(h => {\r\n const isToday = (h.day === currentDay);\r\n const isSun = h.day === 0;\r\n const rowDiv = document.createElement('div');\r\n rowDiv.className = `hour-row ${isSun ? 'sun' : ''} ${isToday ? 'today' : ''}`;\r\n const daySpan = document.createElement('span');\r\n daySpan.className = 'hour-day';\r\n daySpan.innerHTML = `${h.label}${isToday ? '<span class=\"today-badge\" style=\"display:inline-flex\">Today<\/span>' : ''}`;\r\n const timeSpan = document.createElement('span');\r\n timeSpan.className = 'hour-time';\r\n timeSpan.textContent = h.range;\r\n rowDiv.appendChild(daySpan);\r\n rowDiv.appendChild(timeSpan);\r\n container.appendChild(rowDiv);\r\n });\r\n \/\/ live status update\r\n const isOpenNow = (()=>{\r\n if(currentDay===0) return (currentHour>=9 && currentHour<15);\r\n else if(currentDay>=1 && currentDay<=6) return (currentHour>=8 && currentHour<18);\r\n return false;\r\n })();\r\n const heroDiv = document.getElementById('hero-status');\r\n const heroTxt = document.getElementById('status-txt');\r\n if(heroDiv && heroTxt){\r\n heroDiv.classList.add(isOpenNow?'open':'closed');\r\n heroTxt.textContent = isOpenNow ? `Open Now \u00b7 Closes ${currentDay===0?'3:00 PM':'6:00 PM'}` : 'Closed Now';\r\n }\r\n const liveDot = document.getElementById('live-dot');\r\n const liveTxtSpan = document.getElementById('live-txt');\r\n if(liveDot && liveTxtSpan){\r\n liveDot.classList.add(isOpenNow?'open':'closed');\r\n liveTxtSpan.classList.add(isOpenNow?'open':'closed');\r\n if(isOpenNow){\r\n liveTxtSpan.textContent = `We're Open Now \u00b7 Closes at ${currentDay===0?'3:00 PM':'6:00 PM'}`;\r\n } else {\r\n let nextMsg = '';\r\n if(currentDay===0 && currentHour<9) nextMsg = 'Opens today at 9:00 AM';\r\n else if(currentDay===0) nextMsg = 'Opens Monday at 8:00 AM';\r\n else if(currentDay===6 && currentHour>=18) nextMsg = 'Opens Sunday at 9:00 AM';\r\n else if(currentHour<8) nextMsg = 'Opens today at 8:00 AM';\r\n else nextMsg = 'Opens tomorrow at 8:00 AM';\r\n liveTxtSpan.textContent = `Closed \u00b7 ${nextMsg}`;\r\n }\r\n }\r\n }\r\n})();\r\n\r\n\/\/ Basic form demo handling: show success alert, avoid actual submission (unless needed)\r\ndocument.querySelector('#wpforms-157')?.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n alert('Thank you! Your message has been sent (demo). Our team will get back to you shortly.');\r\n this.reset();\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 AutoPoint MK | Garage & Service Center HI Get In Touch Contact Us. We’re always happy to…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=154"}],"version-history":[{"count":13,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContact Us \u2013 AutoPoint MK | Garage & Service Center<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Abhaya+Libre:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n\r\n:root{\r\n --red:#E40101;\r\n --blue:#046BD2;\r\n --ink:#0a0a0b;\r\n --dark:#08090a;\r\n --dark2:#0f1014;\r\n --cream:#faf8f5;\r\n --white:#ffffff;\r\n --light:#f4f5f7;\r\n --grey-light:#f1ede6;\r\n --grey-mid:#d6cfc4;\r\n --text-dark:#1c2320;\r\n --text-mid:#3d4a42;\r\n --text-light:#6b7870;\r\n --shadow:0 4px 24px rgba(0,0,0,0.08);\r\n --shadow-md:0 8px 36px rgba(0,0,0,0.12);\r\n --radius:12px;\r\n --radius-lg:20px;\r\n --t:0.25s ease;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n font-size:18px;\r\n}\r\n\r\nbody{\r\n width:100%;\r\n max-width:100%;\r\n font-family:'Abhaya Libre', serif;\r\n background:var(--cream);\r\n color:var(--ink);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n}\r\n\r\n\/* FULL WIDTH FIX *\/\r\nsection, .cta, .form-section {\r\n position: relative;\r\n width: 100vw;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n}\r\n\r\n\/* HERO *\/\r\n.hero{\r\n width:100vw;\r\n background:var(--dark);\r\n padding:clamp(80px,11vw,140px) clamp(24px,8vw,140px) clamp(60px,8vw,100px);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.hero::before{\r\n content:'';\r\n position:absolute;\r\n top:-20%;\r\n right:-5%;\r\n width:55%;\r\n height:85%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.12) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.hero::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-20%;\r\n left:-5%;\r\n width:40%;\r\n height:70%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(228,1,1,.08) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.hero-ghost{\r\n position:absolute;\r\n right:-.02em;\r\n bottom:-.05em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(22vw,28vw,34vw);\r\n line-height:1;\r\n text-transform:uppercase;\r\n color:transparent;\r\n -webkit-text-stroke:2px rgba(255,255,255,.03);\r\n pointer-events:none;\r\n user-select:none;\r\n z-index:0;\r\n}\r\n.hero-inner{\r\n position:relative;\r\n z-index:2;\r\n max-width:700px;\r\n}\r\n.hero-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n opacity:0;\r\n animation:fup .7s .2s forwards;\r\n}\r\n.hero-eyebrow-line{\r\n width:28px;\r\n height:2px;\r\n background:#E40101;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.hero-eyebrow-txt{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:#E40101;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hero-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(3rem,9vw,5.5rem);\r\n line-height:.84;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n opacity:0;\r\n animation:fup .85s .35s forwards;\r\n}\r\n.ht1{color:#fff;display:block}\r\n.ht2{color:#046BD2;display:block}\r\n.hero-rule{\r\n width:0;\r\n height:3px;\r\n background:linear-gradient(90deg,#E40101,#046BD2);\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,24px) 0;\r\n animation:grow 1s .9s cubic-bezier(.16,1,.3,1) forwards;\r\n border:none;\r\n}\r\n@keyframes grow{to{width:60px}}\r\n.hero-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.6);\r\n max-width:500px;\r\n opacity:0;\r\n animation:fup .7s 1s forwards;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hero-status{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(20px,3vw,32px);\r\n padding:10px 20px;\r\n border-radius:100px;\r\n border:1px solid;\r\n opacity:0;\r\n animation:fup .7s 1.2s forwards;\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.hero-status.open{\r\n background:rgba(34,197,94,.07);\r\n border-color:rgba(34,197,94,.3);\r\n}\r\n.hero-status.closed{\r\n background:rgba(228,1,1,.07);\r\n border-color:rgba(228,1,1,.28);\r\n}\r\n.status-dot{\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n flex-shrink:0;\r\n animation:blink 2s ease-in-out infinite;\r\n border:none;\r\n}\r\n.hero-status.open .status-dot{\r\n background:#22c55e;\r\n box-shadow:0 0 9px rgba(34,197,94,.7);\r\n}\r\n.hero-status.closed .status-dot{\r\n background:#E40101;\r\n box-shadow:0 0 9px rgba(228,1,1,.7);\r\n}\r\n.status-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n}\r\n.hero-status.open .status-txt{color:#16a34a}\r\n.hero-status.closed .status-txt{color:#E40101}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* CARDS SECTION *\/\r\n.cards-section{\r\n padding:clamp(60px,8vw,100px) 0;\r\n background:var(--cream);\r\n}\r\n.cards-section .section-inner{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n}\r\n.cards-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:3px;\r\n}\r\n.c-card{\r\n background:#0d0f14;\r\n padding:clamp(28px,3.5vw,44px) clamp(24px,3vw,36px);\r\n display:flex;\r\n flex-direction:column;\r\n gap:16px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:all .3s ease;\r\n cursor:default;\r\n border:none;\r\n}\r\n.c-card::before{\r\n content:'';\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n right:0;\r\n height:3px;\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform .4s cubic-bezier(.16,1,.3,1);\r\n}\r\n.c-card:nth-child(1)::before{background:#046BD2}\r\n.c-card:nth-child(2)::before{background:#E40101}\r\n.c-card:nth-child(3)::before{background:#046BD2}\r\n.c-card:hover::before{transform:scaleX(1)}\r\n.c-card:hover{\r\n background:rgba(255,255,255,.04);\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 52px rgba(0,0,0,.4);\r\n}\r\n.c-card-icon{\r\n width:46px;\r\n height:46px;\r\n border-radius:10px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n transition:all .3s ease;\r\n border:none;\r\n}\r\n.c-card:nth-child(1) .c-card-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.c-card:nth-child(2) .c-card-icon{background:rgba(228,1,1,.1);border:1px solid rgba(228,1,1,.22)}\r\n.c-card:nth-child(3) .c-card-icon{background:rgba(4,107,210,.12);border:1px solid rgba(4,107,210,.25)}\r\n.c-card:nth-child(1):hover .c-card-icon{background:#046BD2;border-color:#046BD2;box-shadow:0 6px 22px rgba(4,107,210,.45)}\r\n.c-card:nth-child(2):hover .c-card-icon{background:#E40101;border-color:#E40101;box-shadow:0 6px 22px rgba(228,1,1,.4)}\r\n.c-card:nth-child(3):hover .c-card-icon{background:#046BD2;border-color:#046BD2;box-shadow:0 6px 22px rgba(4,107,210,.45)}\r\n.c-card-icon svg{width:20px;height:20px;transition:color .3s}\r\n.c-card:nth-child(1) .c-card-icon svg{color:#6eb3ff}\r\n.c-card:nth-child(2) .c-card-icon svg{color:#ff8080}\r\n.c-card:nth-child(3) .c-card-icon svg{color:#6eb3ff}\r\n.c-card:hover .c-card-icon svg{color:#fff}\r\n.c-card-label{\r\n font-size:0.7rem;\r\n font-weight:600;\r\n letter-spacing:.3em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.c-card-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:1rem;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n line-height:1.15;\r\n}\r\n.c-card-value{\r\n font-size:0.95rem;\r\n font-weight:400;\r\n line-height:1.65;\r\n color:rgba(255,255,255,.55);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.c-card-value a{\r\n color:rgba(255,255,255,.55);\r\n text-decoration:none;\r\n transition:color .25s;\r\n}\r\n.c-card-value a:hover{color:#fff}\r\n\r\n\/* SPLIT SECTION *\/\r\n.split{\r\n padding:clamp(60px,8vw,100px) 0;\r\n background:var(--light);\r\n}\r\n.split .section-inner{\r\n max-width:1200px;\r\n margin:0 auto;\r\n padding:0 20px;\r\n}\r\n.split-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:3px;\r\n}\r\n.split-panel{\r\n background:#0d0f14;\r\n padding:clamp(32px,4vw,52px) clamp(28px,3.5vw,44px);\r\n position:relative;\r\n overflow:hidden;\r\n border:none;\r\n}\r\n.split-panel::after{\r\n content:'';\r\n position:absolute;\r\n bottom:0;\r\n right:0;\r\n width:120px;\r\n height:120px;\r\n border-radius:50%;\r\n pointer-events:none;\r\n}\r\n.split-panel:first-child::after{\r\n background:radial-gradient(circle at bottom right,rgba(4,107,210,.08),transparent 70%);\r\n}\r\n.split-panel:last-child::after{\r\n background:radial-gradient(circle at bottom right,rgba(228,1,1,.07),transparent 70%);\r\n}\r\n.sp-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-bottom:clamp(16px,2.2vw,24px);\r\n}\r\n.sp-eyebrow-line{\r\n width:22px;\r\n height:2px;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.sp-eyebrow-line.blue{background:#046BD2}\r\n.sp-eyebrow-line.red{background:#E40101}\r\n.sp-eyebrow-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.32em;\r\n text-transform:uppercase;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.sp-eyebrow-txt.blue{color:#046BD2}\r\n.sp-eyebrow-txt.red{color:#E40101}\r\n.sp-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.8rem,2.8vw,2.6rem);\r\n line-height:.92;\r\n letter-spacing:.02em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:clamp(20px,2.8vw,32px);\r\n}\r\n.sp-title .blue{color:#046BD2;display:block}\r\n.sp-title .red{color:#E40101;display:block}\r\n\r\n\/* Address rows *\/\r\n.addr-rows{\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n.addr-row{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n padding:clamp(12px,1.5vw,16px) clamp(14px,1.8vw,18px);\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.06);\r\n border-radius:5px;\r\n transition:all .25s ease;\r\n cursor:default;\r\n}\r\n.addr-row:hover{\r\n background:rgba(4,107,210,.08);\r\n border-color:rgba(4,107,210,.25);\r\n transform:translateX(5px);\r\n}\r\n.addr-row-icon{\r\n width:30px;\r\n height:30px;\r\n border-radius:6px;\r\n background:rgba(4,107,210,.12);\r\n border:1px solid rgba(4,107,210,.22);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n transition:all .25s;\r\n}\r\n.addr-row:hover .addr-row-icon{\r\n background:#046BD2;\r\n border-color:#046BD2;\r\n}\r\n.addr-row-icon svg{\r\n width:13px;\r\n height:13px;\r\n color:#6eb3ff;\r\n transition:color .25s;\r\n}\r\n.addr-row:hover .addr-row-icon svg{color:#fff}\r\n.addr-row-txt{\r\n font-size:0.95rem;\r\n font-weight:400;\r\n color:rgba(255,255,255,.6);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n\r\n\/* Directions button *\/\r\n.dir-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(18px,2.5vw,26px);\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.85rem;\r\n font-weight:700;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n color:#fff;\r\n padding:12px 26px;\r\n background:#046BD2;\r\n border:none;\r\n border-radius:4px;\r\n box-shadow:0 6px 22px rgba(4,107,210,.35);\r\n transition:all .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.dir-btn:hover{\r\n background:#0358b0;\r\n box-shadow:0 12px 36px rgba(4,107,210,.55);\r\n transform:translateY(-3px) scale(1.03);\r\n}\r\n.dir-btn svg{transition:transform .3s}\r\n.dir-btn:hover svg{transform:translateX(5px)}\r\n\r\n\/* Hours rows *\/\r\n.hour-rows{\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n.hour-row{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n padding:clamp(11px,1.4vw,15px) clamp(14px,1.8vw,18px);\r\n background:rgba(255,255,255,.03);\r\n border:1px solid rgba(255,255,255,.06);\r\n border-radius:5px;\r\n transition:all .25s;\r\n cursor:default;\r\n}\r\n.hour-row.today{\r\n background:#fff;\r\n border-color:#046BD2;\r\n border-width:2px;\r\n border-left-width:3px;\r\n}\r\n.hour-row.sun.today{border-color:#E40101}\r\n.hour-row:not(.today):hover{\r\n background:rgba(255,255,255,.06);\r\n transform:translateX(5px);\r\n}\r\n.hour-day{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n font-size:0.9rem;\r\n font-weight:500;\r\n color:rgba(255,255,255,.6);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hour-row.today .hour-day{color:#0b0c0f}\r\n.today-badge{\r\n font-size:0.5rem;\r\n font-weight:800;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n padding:2px 8px;\r\n border-radius:2px;\r\n background:#046BD2;\r\n color:#fff;\r\n border:none;\r\n}\r\n.hour-row.sun.today .today-badge{background:#E40101}\r\n.hour-time{\r\n font-size:0.9rem;\r\n font-weight:600;\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.hour-row:not(.sun):not(.today) .hour-time{color:#046BD2}\r\n.hour-row.sun:not(.today) .hour-time{color:#E40101}\r\n.hour-row.today:not(.sun) .hour-time{color:#046BD2}\r\n.hour-row.sun.today .hour-time{color:#E40101}\r\n\r\n.hours-live{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:clamp(16px,2vw,22px);\r\n}\r\n.hours-live-dot{\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n animation:blink 2s ease-in-out infinite;\r\n flex-shrink:0;\r\n border:none;\r\n}\r\n.hours-live-dot.open{\r\n background:#22c55e;\r\n box-shadow:0 0 9px rgba(34,197,94,.7);\r\n}\r\n.hours-live-dot.closed{\r\n background:#E40101;\r\n box-shadow:0 0 9px rgba(228,1,1,.7);\r\n}\r\n.hours-live-txt{\r\n font-size:0.75rem;\r\n font-weight:600;\r\n letter-spacing:.16em;\r\n text-transform:uppercase;\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.hours-live-txt.open{color:#16a34a}\r\n.hours-live-txt.closed{color:#E40101}\r\n\r\n\/* FORM SECTION (WPForms replica + style) *\/\r\n.form-section{\r\n background:var(--cream);\r\n padding:clamp(70px,10vw,120px) 0 clamp(80px,10vw,130px);\r\n}\r\n.form-section .section-inner{\r\n max-width:1000px;\r\n margin:0 auto;\r\n padding:0 24px;\r\n}\r\n.form-card{\r\n background:#ffffff;\r\n border-radius:24px;\r\n box-shadow:0 20px 48px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);\r\n overflow:hidden;\r\n transition:transform 0.2s ease;\r\n}\r\n.form-header{\r\n background:linear-gradient(135deg, #0a0c10 0%, #111318 100%);\r\n padding:clamp(24px,4vw,38px) clamp(28px,5vw,48px);\r\n border-bottom:3px solid #E40101;\r\n}\r\n.form-header h3{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.8rem,3.5vw,2.4rem);\r\n letter-spacing:-0.01em;\r\n color:#fff;\r\n margin-bottom:8px;\r\n text-transform:uppercase;\r\n}\r\n.form-header p{\r\n font-family:'DM Sans', sans-serif;\r\n font-size:0.9rem;\r\n color:rgba(255,255,255,0.6);\r\n}\r\n.form-body{\r\n padding:clamp(28px,5vw,48px) clamp(28px,5vw,48px);\r\n}\r\n\/* custom WPforms like styling *\/\r\n.mock-wp-form .wpforms-field{\r\n margin-bottom:22px;\r\n}\r\n.mock-wp-form label{\r\n display:block;\r\n font-family:'DM Sans', sans-serif;\r\n font-weight:600;\r\n font-size:0.8rem;\r\n letter-spacing:0.03em;\r\n text-transform:uppercase;\r\n color:#1a202c;\r\n margin-bottom:8px;\r\n}\r\n.mock-wp-form input,\r\n.mock-wp-form textarea,\r\n.mock-wp-form select{\r\n width:100%;\r\n padding:14px 16px;\r\n background:#fefcf9;\r\n border:1.5px solid #e4dfd7;\r\n border-radius:12px;\r\n font-family:'Abhaya Libre', serif;\r\n font-size:1rem;\r\n transition:all 0.2s;\r\n}\r\n.mock-wp-form input:focus,\r\n.mock-wp-form textarea:focus,\r\n.mock-wp-form select:focus{\r\n outline:none;\r\n border-color:#046BD2;\r\n box-shadow:0 0 0 3px rgba(4,107,210,0.15);\r\n background:#fff;\r\n}\r\n.mock-wp-form textarea{\r\n resize:vertical;\r\n min-height:110px;\r\n}\r\n.wpforms-submit{\r\n background:#E40101;\r\n border:none;\r\n width:100%;\r\n padding:16px 20px;\r\n font-family:'DM Sans', sans-serif;\r\n font-weight:700;\r\n font-size:0.9rem;\r\n letter-spacing:0.2em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n border-radius:40px;\r\n cursor:pointer;\r\n transition:all 0.3s ease;\r\n margin-top:8px;\r\n box-shadow:0 3px 8px rgba(0,0,0,0.05);\r\n}\r\n.wpforms-submit:hover{\r\n background:#bb0000;\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 22px rgba(228,1,1,0.25);\r\n}\r\n.form-note{\r\n text-align:center;\r\n margin-top:20px;\r\n font-size:0.75rem;\r\n font-family:'DM Sans', sans-serif;\r\n color:#6c757d;\r\n}\r\n\r\n\/* CTA SECTION *\/\r\n.cta{\r\n width:100vw;\r\n background:var(--dark2);\r\n padding:clamp(60px,8vw,100px) clamp(24px,8vw,140px);\r\n border-top:4px solid var(--red);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.cta::before{\r\n content:'';\r\n position:absolute;\r\n top:-40%;\r\n right:-10%;\r\n width:60%;\r\n height:150%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(228,1,1,.08) 0%,transparent 65%);\r\n pointer-events:none;\r\n}\r\n.cta::after{\r\n content:'';\r\n position:absolute;\r\n bottom:-30%;\r\n left:-5%;\r\n width:45%;\r\n height:130%;\r\n border-radius:50%;\r\n background:radial-gradient(ellipse,rgba(4,107,210,.07) 0%,transparent 60%);\r\n pointer-events:none;\r\n}\r\n.cta-inner{\r\n position:relative;\r\n z-index:2;\r\n max-width:900px;\r\n margin:0 auto;\r\n text-align:center;\r\n}\r\n.cta-eyebrow{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.cta-eyebrow::before,\r\n.cta-eyebrow::after{\r\n content:'';\r\n width:24px;\r\n height:2px;\r\n background:var(--blue);\r\n flex-shrink:0;\r\n}\r\n.cta-eyebrow-txt{\r\n font-size:0.8rem;\r\n font-weight:600;\r\n letter-spacing:.35em;\r\n text-transform:uppercase;\r\n color:var(--blue);\r\n font-family:'DM Sans', sans-serif;\r\n}\r\n.cta-title{\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,6vw,5rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:clamp(20px,3vw,30px);\r\n}\r\n.cta-title span{\r\n color:var(--red);\r\n display:block;\r\n}\r\n.cta-desc{\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(255,255,255,.45);\r\n max-width:500px;\r\n margin:0 auto clamp(28px,4vw,40px);\r\n font-family:'Abhaya Libre', serif;\r\n}\r\n.cta-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:0.9rem;\r\n font-weight:700;\r\n letter-spacing:.18em;\r\n text-transform:uppercase;\r\n text-decoration:none;\r\n color:#fff;\r\n padding:clamp(16px,2vw,20px) clamp(36px,4vw,60px);\r\n background:var(--red);\r\n border:none;\r\n border-radius:3px;\r\n box-shadow:0 8px 32px rgba(228,1,1,.4);\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.cta-btn:hover{\r\n background:#c80000;\r\n box-shadow:0 16px 52px rgba(228,1,1,.6);\r\n transform:translateY(-4px) scale(1.03);\r\n}\r\n.cta-btn svg{\r\n transition:transform .3s;\r\n width:14px;\r\n height:14px;\r\n}\r\n.cta-btn:hover svg{transform:translateX(6px)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n .cards-grid{grid-template-columns:1fr}\r\n .split-grid{grid-template-columns:1fr}\r\n}\r\n@media(max-width:768px){\r\n html{font-size:16px}\r\n .hero-title{font-size:3rem}\r\n .hero-desc{font-size:1rem}\r\n .c-card-title{font-size:0.95rem}\r\n .sp-title{font-size:1.8rem}\r\n .cta-title{font-size:2.8rem}\r\n}\r\n@media(max-width:640px){\r\n .hero-title{font-size:2.5rem}\r\n .form-body{padding:24px 20px;}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-ghost\">HI<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-eyebrow\">\r\n <div class=\"hero-eyebrow-line\"><\/div>\r\n <span class=\"hero-eyebrow-txt\">Get In Touch<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\">\r\n <span class=\"ht1\">Contact<\/span>\r\n <span class=\"ht2\">Us.<\/span>\r\n <\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-desc\">We're always happy to help. Whether you need to book a service, get a quote, or simply ask a question \u2014 reach out and our friendly team will get back to you straight away.<\/p>\r\n <div class=\"hero-status\" id=\"hero-status\">\r\n <div class=\"status-dot\"><\/div>\r\n <span class=\"status-txt\" id=\"status-txt\">Checking...<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"cards-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"cards-grid\">\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.28h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.87a16 16 0 0 0 6.29 6.29l1.14-1.14a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Call Us<\/span>\r\n <div class=\"c-card-title\">Phone Number<\/div>\r\n <div class=\"c-card-value\"><a href=\"tel:+441908973839\">01908 97 38 39<\/a><\/div>\r\n <\/div>\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Email Us<\/span>\r\n <div class=\"c-card-title\">Email Address<\/div>\r\n <div class=\"c-card-value\"><a href=\"mailto:Info@autopointmk.com\">Info@autopointmk.com<\/a><\/div>\r\n <\/div>\r\n <div class=\"c-card\">\r\n <div class=\"c-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 0 0-8 8c0 5.25 8 12 8 12s8-6.75 8-12a8 8 0 0 0-8-8z\"\/><\/svg><\/div>\r\n <span class=\"c-card-label\">Visit Us<\/span>\r\n <div class=\"c-card-title\">Our Location<\/div>\r\n <div class=\"c-card-value\">Unit B Lyon Rd, Bletchley<br>Milton Keynes MK1 1EX<br>United Kingdom<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"split\">\r\n <div class=\"section-inner\">\r\n <div class=\"split-grid\">\r\n <div class=\"split-panel\">\r\n <div class=\"sp-eyebrow\"><div class=\"sp-eyebrow-line blue\"><\/div><span class=\"sp-eyebrow-txt blue\">Find Us<\/span><\/div>\r\n <h3 class=\"sp-title\">Our<br><span class=\"blue\">Address.<\/span><\/h3>\r\n <div class=\"addr-rows\">\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><span class=\"addr-row-txt\">Unit B Lyon Rd, Bletchley<\/span><\/div>\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div><span class=\"addr-row-txt\">Milton Keynes MK1 1EX<\/span><\/div>\r\n <div class=\"addr-row\"><div class=\"addr-row-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div><span class=\"addr-row-txt\">United Kingdom<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Unit+B+Lyon+Rd+Bletchley+Milton+Keynes+MK1+1EX\" target=\"_blank\" class=\"dir-btn\">Get Directions <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"split-panel\">\r\n <div class=\"sp-eyebrow\"><div class=\"sp-eyebrow-line red\"><\/div><span class=\"sp-eyebrow-txt red\">When We're Open<\/span><\/div>\r\n <h3 class=\"sp-title\">Opening<br><span class=\"red\">Hours.<\/span><\/h3>\r\n <div class=\"hour-rows\" id=\"hoursContainer\">\r\n \r\n <\/div>\r\n <div class=\"hours-live\"><div class=\"hours-live-dot\" id=\"live-dot\"><\/div><span class=\"hours-live-txt\" id=\"live-txt\"><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"form-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"form-card\">\r\n <div class=\"form-header\">\r\n <h3>Send a Message<\/h3>\r\n <p>We\u2019ll reply within 24 hours \u2014 or give us a call right away.<\/p>\r\n <\/div>\r\n <div class=\"form-body\">\r\n <style id=\"wpforms-css-vars-157\">\n\t\t\t\t#wpforms-157 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-157\"><form id=\"wpforms-form-157\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"157\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F154\" data-token=\"49655d42788381afb2a9eacb213ebfe9\" data-token-time=\"1778344518\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-157-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-157-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-157-field_1-error\" required><label for=\"wpforms-157-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-157-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-157-field_1-last-error\" required><label for=\"wpforms-157-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div>\t\t<div id=\"wpforms-157-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-157-field_5\" >Message Phone no.<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-157-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-157-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-157-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-157-field_2-error\" required><\/div><div id=\"wpforms-157-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_4\">Phone no. <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-157-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-157-field_4-error\" required><\/div><div id=\"wpforms-157-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-157-field_3\">Your Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-157-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-157-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-157-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-157-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-157-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"157\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-157\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/autopointmk.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div> \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"cta\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-eyebrow\"><span class=\"cta-eyebrow-txt\">Get In Touch<\/span><\/div>\r\n <h2 class=\"cta-title\">Need Assistance?<span>We're Here To Help.<\/span><\/h2>\r\n <p class=\"cta-desc\">Whether it's a quick question or a full service booking, our team is ready to assist you.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/book-now\/\" class=\"cta-btn\">Book a Service <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Populate hours & live status\r\n(function(){\r\n const weekdays = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];\r\n const hoursData = [\r\n { day:0, label:'Sunday', open:9, close:15, range:'9:00 AM \u2013 3:00 PM', sun:true },\r\n { day:1, label:'Monday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:2, label:'Tuesday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:3, label:'Wednesday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:4, label:'Thursday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:5, label:'Friday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' },\r\n { day:6, label:'Saturday', open:8, close:18, range:'8:00 AM \u2013 6:00 PM' }\r\n ];\r\n const container = document.getElementById('hoursContainer');\r\n if(container){\r\n container.innerHTML = '';\r\n const now = new Date();\r\n const currentDay = now.getDay();\r\n const currentHour = now.getHours() + now.getMinutes()\/60;\r\n hoursData.forEach(h => {\r\n const isToday = (h.day === currentDay);\r\n const isSun = h.day === 0;\r\n const rowDiv = document.createElement('div');\r\n rowDiv.className = `hour-row ${isSun ? 'sun' : ''} ${isToday ? 'today' : ''}`;\r\n const daySpan = document.createElement('span');\r\n daySpan.className = 'hour-day';\r\n daySpan.innerHTML = `${h.label}${isToday ? '<span class=\"today-badge\" style=\"display:inline-flex\">Today<\/span>' : ''}`;\r\n const timeSpan = document.createElement('span');\r\n timeSpan.className = 'hour-time';\r\n timeSpan.textContent = h.range;\r\n rowDiv.appendChild(daySpan);\r\n rowDiv.appendChild(timeSpan);\r\n container.appendChild(rowDiv);\r\n });\r\n \/\/ live status update\r\n const isOpenNow = (()=>{\r\n if(currentDay===0) return (currentHour>=9 && currentHour<15);\r\n else if(currentDay>=1 && currentDay<=6) return (currentHour>=8 && currentHour<18);\r\n return false;\r\n })();\r\n const heroDiv = document.getElementById('hero-status');\r\n const heroTxt = document.getElementById('status-txt');\r\n if(heroDiv && heroTxt){\r\n heroDiv.classList.add(isOpenNow?'open':'closed');\r\n heroTxt.textContent = isOpenNow ? `Open Now \u00b7 Closes ${currentDay===0?'3:00 PM':'6:00 PM'}` : 'Closed Now';\r\n }\r\n const liveDot = document.getElementById('live-dot');\r\n const liveTxtSpan = document.getElementById('live-txt');\r\n if(liveDot && liveTxtSpan){\r\n liveDot.classList.add(isOpenNow?'open':'closed');\r\n liveTxtSpan.classList.add(isOpenNow?'open':'closed');\r\n if(isOpenNow){\r\n liveTxtSpan.textContent = `We're Open Now \u00b7 Closes at ${currentDay===0?'3:00 PM':'6:00 PM'}`;\r\n } else {\r\n let nextMsg = '';\r\n if(currentDay===0 && currentHour<9) nextMsg = 'Opens today at 9:00 AM';\r\n else if(currentDay===0) nextMsg = 'Opens Monday at 8:00 AM';\r\n else if(currentDay===6 && currentHour>=18) nextMsg = 'Opens Sunday at 9:00 AM';\r\n else if(currentHour<8) nextMsg = 'Opens today at 8:00 AM';\r\n else nextMsg = 'Opens tomorrow at 8:00 AM';\r\n liveTxtSpan.textContent = `Closed \u00b7 ${nextMsg}`;\r\n }\r\n }\r\n }\r\n})();\r\n\r\n\/\/ Basic form demo handling: show success alert, avoid actual submission (unless needed)\r\ndocument.querySelector('#wpforms-157')?.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n alert('Thank you! Your message has been sent (demo). Our team will get back to you shortly.');\r\n this.reset();\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 AutoPoint MK | Garage & Service Center HI Get In Touch Contact Us. We’re always happy to…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=154"}],"version-history":[{"count":13,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/154\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}