{"id":59,"date":"2026-05-05T07:06:00","date_gmt":"2026-05-05T07:06:00","guid":{"rendered":"https:\/\/autopointmk.com\/?page_id=59"},"modified":"2026-05-09T09:25:28","modified_gmt":"2026-05-09T09:25:28","slug":"about-us","status":"publish","type":"page","link":"https:\/\/autopointmk.com\/?page_id=59","title":{"rendered":"About Us"},"content":{"rendered":"\t\t
\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\nAbout Us \u2013 AutoPoint MK<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;1,300&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\r\n*, *::before, *::after { \r\n margin:0; \r\n padding:0; \r\n box-sizing:border-box; \r\n}\r\n\r\n:root {\r\n --red:#E40101;\r\n --blue:#046BD2;\r\n --ink:#0a0a0b;\r\n --paper:#f0ede8;\r\n --cream:#faf8f5;\r\n --steel:#1a1c22;\r\n}\r\n\r\nhtml { \r\n scroll-behavior: smooth;\r\n font-size: 18px;\r\n}\r\n\r\nbody {\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 width: 100%;\r\n}\r\n\r\n\/* FULL WIDTH FIX *\/\r\nsection, .marquee-band, .photo-band {\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\/* Inner containers *\/\r\n.hero-right, .legacy, .trust, .craft-content, .holistic, .cta-inner, .marquee-band, .photo-band {\r\n width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 reveal \u2500\u2500 *\/\r\n.rv { \r\n opacity:0; \r\n transform:translateY(32px); \r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rv.on { \r\n opacity:1; \r\n transform:translateY(0); \r\n}\r\n.rl { \r\n opacity:0; \r\n transform:translateX(-44px); \r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rr { \r\n opacity:0; \r\n transform:translateX(44px); \r\n transition:opacity .9s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n.rl.on, .rr.on { \r\n opacity:1; \r\n transform:translateX(0); \r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO \u2014 FIXED HEADING\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero {\r\n width: 100vw;\r\n min-height:100vh;\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n overflow:hidden;\r\n background:var(--ink);\r\n}\r\n\r\n\/* left \u2014 full image *\/\r\n.hero-img {\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.hero-img img {\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center 20%;\r\n display:block;\r\n filter:brightness(.6) saturate(.65);\r\n transform:scale(1.08);\r\n animation:imgZoom 14s ease forwards;\r\n}\r\n@keyframes imgZoom { to { transform:scale(1.0); } }\r\n.hero-img-vignette {\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(90deg,rgba(10,10,11,0) 50%,rgba(10,10,11,1) 100%),\r\n linear-gradient(0deg,rgba(10,10,11,.6) 0%,transparent 40%);\r\n}\r\n\r\n\/* right \u2014 content *\/\r\n.hero-right {\r\n padding:clamp(48px,7vw,100px) clamp(36px,5vw,80px);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n position:relative;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.hero-right::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--blue), var(--red));\r\n z-index: 1;\r\n}\r\n\r\n\/* big counter backdrop *\/\r\n.hero-ghost-num {\r\n position:absolute;\r\n right:-0.05em;\r\n bottom:-0.1em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(22vw,30vw,36vw);\r\n line-height:1;\r\n color:transparent;\r\n -webkit-text-stroke:1px rgba(255,255,255,.05);\r\n pointer-events:none;\r\n user-select:none;\r\n z-index:0;\r\n}\r\n\r\n.hero-inner {\r\n position:relative;\r\n z-index:2;\r\n}\r\n\r\n.hero-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:clamp(18px,2.5vw,28px);\r\n opacity:0;\r\n animation:fup .7s .4s forwards;\r\n}\r\n.hero-kicker-line {\r\n width:28px;\r\n height:2px;\r\n background:var(--blue);\r\n border: none;\r\n}\r\n.hero-kicker-text {\r\n font-size:.7rem;\r\n font-weight:600;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.42);\r\n}\r\n\r\n\/* FIXED HEADING - Better proportions *\/\r\n.hero-h1 {\r\n font-family:'Anton',sans-serif;\r\n font-size: clamp(2.5rem, 5vw, 4.5rem); \/* Reduced from 3.2-7rem *\/\r\n line-height:1.1; \/* Increased from .88 for better readability *\/\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n opacity:0;\r\n animation:fup .8s .6s forwards;\r\n max-width: 100%;\r\n}\r\n\r\n.hero-h1 .l1 { \r\n color:#fff; \r\n display: inline-block;\r\n margin-right: 5px;\r\n}\r\n\r\n.hero-h1 .l2 { \r\n color:var(--blue); \r\n display: inline-block;\r\n margin-right: 5px;\r\n}\r\n\r\n.hero-h1 .l3 { \r\n color:var(--red); \r\n display: inline-block;\r\n}\r\n\r\n.hero-rule {\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,24px) 0; \/* Reduced margin *\/\r\n opacity:0;\r\n animation:fup .6s .85s forwards;\r\n border: none;\r\n}\r\n\r\n.hero-tagline {\r\n font-size:clamp(.7rem,0.9vw,.8rem); \/* Slightly smaller *\/\r\n font-weight:700;\r\n letter-spacing:.25em; \/* Reduced from .3em *\/\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n margin-bottom:clamp(14px,2vw,20px);\r\n opacity:0;\r\n animation:fup .6s 1s forwards;\r\n}\r\n\r\n.hero-body {\r\n font-size:1rem; \/* Reduced from 1.1rem *\/\r\n font-weight:300;\r\n line-height:1.6;\r\n color:rgba(255,255,255,.45);\r\n max-width:400px;\r\n opacity:0;\r\n animation:fup .7s 1.1s forwards;\r\n}\r\n\r\n\/* stat strip at bottom *\/\r\n.hero-stats-strip {\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n background:rgba(255,255,255,.04);\r\n border-top:1px solid rgba(255,255,255,.07);\r\n z-index:2;\r\n opacity:0;\r\n animation:fup .8s 1.3s forwards;\r\n}\r\n.hs {\r\n padding:clamp(12px,1.8vw,18px) clamp(10px,1.2vw,16px);\r\n border-right:1px solid rgba(255,255,255,.06);\r\n text-align:center;\r\n}\r\n.hs:last-child { border-right:none; }\r\n.hs-n {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.2rem,1.8vw,1.8rem); \/* Slightly smaller *\/\r\n line-height:1;\r\n display:block;\r\n}\r\n.hs:nth-child(odd) .hs-n { color:var(--blue); }\r\n.hs:nth-child(even) .hs-n { color:var(--red); }\r\n.hs-l {\r\n font-size:.55rem; \/* Slightly smaller *\/\r\n font-weight:600;\r\n letter-spacing:.18em; \/* Reduced *\/\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n margin-top:4px;\r\n display:block;\r\n}\r\n\r\n@keyframes fup { \r\n from { opacity:0; transform:translateY(18px); } \r\n to { opacity:1; transform:translateY(0); } \r\n}\r\n\r\n\/* scroll indicator *\/\r\n.hero-scroll-ind {\r\n position:absolute;\r\n left:clamp(24px,5vw,60px);\r\n bottom:clamp(28px,4vw,52px);\r\n z-index:10;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:6px;\r\n opacity:0;\r\n animation:fup .7s 1.5s forwards;\r\n}\r\n.scroll-track {\r\n width:1px;\r\n height:44px;\r\n background:rgba(255,255,255,.15);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.scroll-thumb {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:40%;\r\n background:var(--blue);\r\n animation:scrollThumb 2s ease-in-out infinite;\r\n}\r\n@keyframes scrollThumb { \r\n 0% { top:0; opacity:1; } \r\n 100% { top:200%; opacity:0; } \r\n}\r\n.scroll-word {\r\n font-size:.5rem; \/* Smaller *\/\r\n font-weight:700;\r\n letter-spacing:.3em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.2);\r\n}\r\n\r\n\/* Rest of your CSS remains the same... *\/\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MARQUEE BAND\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.marquee-band {\r\n width: 100vw;\r\n background:var(--red);\r\n padding:14px 0;\r\n overflow:hidden;\r\n}\r\n.marquee-track {\r\n display:flex;\r\n gap:0;\r\n width:max-content;\r\n animation:marquee 18s linear infinite;\r\n}\r\n@keyframes marquee { \r\n from { transform:translateX(0); } \r\n to { transform:translateX(-50%); } \r\n}\r\n.marquee-item {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(.8rem,1vw,.9rem);\r\n letter-spacing:.35em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n padding:0 clamp(20px,3vw,40px);\r\n display:flex;\r\n align-items:center;\r\n gap:clamp(18px,2.5vw,36px);\r\n white-space:nowrap;\r\n}\r\n.marquee-sep {\r\n width:5px;\r\n height:5px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.5);\r\n flex-shrink:0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n LEGACY \u2014 paper bg\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.legacy {\r\n width: 100vw;\r\n background:var(--paper);\r\n padding:clamp(60px,8vw,120px) clamp(24px,5vw,140px);\r\n display:grid;\r\n grid-template-columns:1fr 1.1fr;\r\n gap:clamp(40px,7vw,100px);\r\n align-items:center;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.legacy::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent);\r\n z-index: 1;\r\n}\r\n\r\n.legacy-left {}\r\n.legacy-num {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(5rem,12vw,12rem);\r\n line-height:1;\r\n color:transparent;\r\n -webkit-text-stroke:2px rgba(0,0,0,.08);\r\n display:block;\r\n margin-bottom:-0.15em;\r\n}\r\n.leg-eyebrow {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:clamp(12px,1.8vw,18px);\r\n}\r\n.leg-eyebrow-line {\r\n width:28px;\r\n height:2px;\r\n background:var(--red);\r\n}\r\n.leg-eyebrow-txt {\r\n font-size:.7rem;\r\n font-weight:700;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:var(--red);\r\n}\r\n.legacy-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.4rem,4.5vw,4.8rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:var(--ink);\r\n}\r\n.legacy-title em {\r\n color:var(--blue);\r\n font-style:normal;\r\n display:block;\r\n}\r\n.leg-rule {\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,26px) 0;\r\n}\r\n.legacy-body {\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(10,10,11,.55);\r\n}\r\n.legacy-body+.legacy-body { margin-top:14px; }\r\n\r\n.legacy-right {\r\n display:flex;\r\n flex-direction:column;\r\n gap:clamp(10px,1.5vw,14px);\r\n}\r\n.leg-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:16px;\r\n padding:clamp(16px,2vw,22px);\r\n background:var(--cream);\r\n border-left:3px solid transparent;\r\n border-radius:4px;\r\n transition:all .3s ease;\r\n cursor:default;\r\n}\r\n.leg-card:nth-child(odd) { border-left-color:var(--blue); }\r\n.leg-card:nth-child(even) { border-left-color:var(--red); }\r\n.leg-card:hover {\r\n box-shadow:0 6px 28px rgba(0,0,0,.08);\r\n transform:translateX(5px);\r\n}\r\n.leg-card-icon {\r\n width:36px;\r\n height:36px;\r\n border-radius:6px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex-shrink:0;\r\n transition:all .3s;\r\n}\r\n.leg-card:nth-child(odd) .leg-card-icon { background:rgba(4,107,210,.08); }\r\n.leg-card:nth-child(even) .leg-card-icon { background:rgba(228,1,1,.07); }\r\n.leg-card:hover .leg-card-icon { background:var(--blue); }\r\n.leg-card:nth-child(even):hover .leg-card-icon { background:var(--red); }\r\n.leg-card-icon svg {\r\n width:16px;\r\n height:16px;\r\n color:var(--blue);\r\n transition:color .3s;\r\n}\r\n.leg-card:nth-child(even) .leg-card-icon svg { color:var(--red); }\r\n.leg-card:hover .leg-card-icon svg { color:#fff; }\r\n.leg-card-body {}\r\n.leg-card-title {\r\n font-size:1rem;\r\n font-weight:600;\r\n color:var(--ink);\r\n}\r\n.leg-card-sub {\r\n font-size:.9rem;\r\n font-weight:300;\r\n color:rgba(10,10,11,.45);\r\n margin-top:2px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PHOTO BAND \u2014 3 images\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.photo-band {\r\n width: 100vw;\r\n display:grid;\r\n grid-template-columns:1.5fr 1fr 1fr;\r\n height:clamp(280px,38vh,460px);\r\n gap:3px;\r\n overflow:hidden;\r\n}\r\n.pb-img {\r\n overflow:hidden;\r\n position:relative;\r\n}\r\n.pb-img img {\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n display:block;\r\n filter:brightness(.75) saturate(.75);\r\n transition:all .6s ease;\r\n}\r\n.pb-img:hover img {\r\n filter:brightness(.9) saturate(1);\r\n transform:scale(1.06);\r\n}\r\n.pb-label {\r\n position:absolute;\r\n bottom:18px;\r\n left:18px;\r\n z-index:2;\r\n font-size:.6rem;\r\n font-weight:700;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n background:rgba(10,10,11,.75);\r\n backdrop-filter:blur(8px);\r\n color:rgba(255,255,255,.7);\r\n padding:5px 12px;\r\n border-radius:2px;\r\n border-bottom:2px solid var(--red);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TRUST \u2014 ink dark\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.trust {\r\n width: 100vw;\r\n background:var(--steel);\r\n padding:clamp(60px,8vw,120px) clamp(24px,5vw,140px);\r\n overflow:hidden;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.trust::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--blue);\r\n z-index: 1;\r\n}\r\n\r\n.trust-bg-text {\r\n position:absolute;\r\n bottom:-.1em;\r\n left:-.02em;\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(30vw,38vw,44vw);\r\n line-height:1;\r\n text-transform:uppercase;\r\n color:transparent;\r\n -webkit-text-stroke:1px rgba(255,255,255,.025);\r\n pointer-events:none;\r\n user-select:none;\r\n}\r\n.trust-inner {\r\n position:relative;\r\n z-index:2;\r\n}\r\n.trust-top {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:clamp(40px,6vw,80px);\r\n align-items:end;\r\n margin-bottom:clamp(48px,6vw,80px);\r\n}\r\n.trust-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.6rem,5.5vw,5.5rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n}\r\n.trust-title em {\r\n color:var(--red);\r\n font-style:normal;\r\n display:block;\r\n}\r\n.trust-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,.4);\r\n}\r\n\r\n\/* 4 big stat boxes *\/\r\n.trust-stats {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:2px;\r\n margin-bottom:clamp(40px,6vw,64px);\r\n}\r\n.ts-box {\r\n padding:clamp(24px,3vw,40px) clamp(16px,2vw,24px);\r\n text-align:center;\r\n background:rgba(255,255,255,.04);\r\n transition:all .3s ease;\r\n cursor:default;\r\n}\r\n.ts-box:hover {\r\n background:rgba(4,107,210,.1);\r\n transform:translateY(-4px);\r\n}\r\n.ts-box:nth-child(even):hover { background:rgba(228,1,1,.1); }\r\n.ts-n {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.2rem,4vw,3.5rem);\r\n line-height:1;\r\n display:block;\r\n letter-spacing:.02em;\r\n}\r\n.ts-box:nth-child(odd) .ts-n { color:var(--blue); }\r\n.ts-box:nth-child(even) .ts-n { color:var(--red); }\r\n.ts-l {\r\n font-size:.6rem;\r\n font-weight:600;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n color:rgba(255,255,255,.25);\r\n margin-top:8px;\r\n display:block;\r\n}\r\n\r\n\/* 3 pillar cards *\/\r\n.trust-pillars {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:3px;\r\n}\r\n.tp {\r\n background:rgba(255,255,255,.03);\r\n padding:clamp(22px,2.8vw,36px);\r\n display:flex;\r\n flex-direction:column;\r\n gap:14px;\r\n position:relative;\r\n overflow:hidden;\r\n transition:all .3s ease;\r\n cursor:default;\r\n}\r\n.tp::after {\r\n content:'';\r\n position:absolute;\r\n bottom:0;\r\n left:0;\r\n right:0;\r\n height:2px;\r\n transform:scaleX(0);\r\n transform-origin:left;\r\n transition:transform .4s ease;\r\n}\r\n.tp:nth-child(1)::after { background:var(--blue); }\r\n.tp:nth-child(2)::after { background:var(--red); }\r\n.tp:nth-child(3)::after { background:var(--blue); }\r\n.tp:hover::after { transform:scaleX(1); }\r\n.tp:hover {\r\n background:rgba(255,255,255,.06);\r\n transform:translateY(-5px);\r\n box-shadow:0 20px 50px rgba(0,0,0,.4);\r\n}\r\n.tp-n {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.5rem,4vw,3.5rem);\r\n line-height:1;\r\n}\r\n.tp:nth-child(1) .tp-n { color:rgba(4,107,210,.18); }\r\n.tp:nth-child(2) .tp-n { color:rgba(228,1,1,.16); }\r\n.tp:nth-child(3) .tp-n { color:rgba(4,107,210,.18); }\r\n.tp:hover .tp-n { opacity:.45; }\r\n.tp-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.1rem,1.5vw,1.3rem);\r\n letter-spacing:.03em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n line-height:1.1;\r\n}\r\n.tp-text {\r\n font-size:1rem;\r\n font-weight:300;\r\n line-height:1.7;\r\n color:rgba(255,255,255,.38);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CRAFT \u2014 cream split\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.craft {\r\n width: 100vw;\r\n background:var(--cream);\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n overflow:hidden;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.craft::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--red);\r\n z-index: 1;\r\n}\r\n\r\n.craft-img {\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(420px,58vh,680px);\r\n}\r\n.craft-img img {\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n object-position:center 20%;\r\n display:block;\r\n filter:brightness(.82) saturate(.8);\r\n transition:transform 8s ease;\r\n}\r\n.craft-img:hover img { transform:scale(1.04); }\r\n.craft-img-pill {\r\n position:absolute;\r\n top:32px;\r\n right:32px;\r\n z-index:5;\r\n background:rgba(228,1,1,.9);\r\n backdrop-filter:blur(8px);\r\n padding:10px 20px;\r\n border-radius:100px;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n box-shadow:0 8px 28px rgba(228,1,1,.4);\r\n}\r\n.craft-img-pill-dot {\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n background:#fff;\r\n opacity:.8;\r\n animation:blink 2s ease-in-out infinite;\r\n}\r\n@keyframes blink { 0%,100%{opacity:.8} 50%{opacity:.3} }\r\n.craft-img-pill-txt {\r\n font-size:.65rem;\r\n font-weight:700;\r\n letter-spacing:.24em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n}\r\n\r\n.craft-content {\r\n padding:clamp(48px,6vw,88px) clamp(36px,5vw,72px);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n}\r\n.craft-eyebrow {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.craft-eyebrow-line {\r\n width:28px;\r\n height:2px;\r\n background:var(--red);\r\n}\r\n.craft-eyebrow-txt {\r\n font-size:.7rem;\r\n font-weight:700;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:var(--red);\r\n}\r\n.craft-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.4rem,4.5vw,4.8rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:var(--ink);\r\n}\r\n.craft-title em {\r\n color:var(--red);\r\n font-style:normal;\r\n display:block;\r\n}\r\n.craft-rule {\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--red),var(--blue));\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,26px) 0;\r\n}\r\n.craft-body {\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(10,10,11,.52);\r\n margin-bottom:clamp(24px,3.5vw,38px);\r\n}\r\n.craft-items {\r\n display:flex;\r\n flex-direction:column;\r\n gap:2px;\r\n}\r\n.ci {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:clamp(12px,1.5vw,16px);\r\n background:var(--paper);\r\n border-radius:4px;\r\n transition:all .25s ease;\r\n cursor:default;\r\n}\r\n.ci:hover {\r\n box-shadow:0 4px 16px rgba(228,1,1,.08);\r\n transform:translateX(5px);\r\n}\r\n.ci-icon {\r\n width:30px;\r\n height:30px;\r\n border-radius:50%;\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.ci:nth-child(odd) .ci-icon { background:rgba(4,107,210,.09); }\r\n.ci:nth-child(even) .ci-icon { background:rgba(228,1,1,.08); }\r\n.ci:nth-child(odd):hover .ci-icon { background:var(--blue); }\r\n.ci:nth-child(even):hover .ci-icon { background:var(--red); }\r\n.ci-icon svg {\r\n width:13px;\r\n height:13px;\r\n transition:color .25s;\r\n}\r\n.ci:nth-child(odd) .ci-icon svg { color:var(--blue); }\r\n.ci:nth-child(even) .ci-icon svg { color:var(--red); }\r\n.ci:hover .ci-icon svg { color:#fff; }\r\n.ci-text {}\r\n.ci-title {\r\n font-size:1rem;\r\n font-weight:600;\r\n color:var(--ink);\r\n}\r\n.ci-sub {\r\n font-size:.9rem;\r\n font-weight:300;\r\n color:rgba(10,10,11,.42);\r\n margin-top:2px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HOLISTIC \u2014 paper full\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.holistic {\r\n width: 100vw;\r\n background:var(--paper);\r\n padding:clamp(60px,8vw,120px) clamp(24px,5vw,140px);\r\n}\r\n\r\n\/* Accent bar *\/\r\n.holistic::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent);\r\n z-index: 1;\r\n}\r\n\r\n.hol-header {\r\n text-align:center;\r\n max-width:680px;\r\n margin:0 auto clamp(48px,6vw,80px);\r\n}\r\n.hol-kicker {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.hol-kicker-line {\r\n width:28px;\r\n height:2px;\r\n background:var(--blue);\r\n}\r\n.hol-kicker-txt {\r\n font-size:.7rem;\r\n font-weight:700;\r\n letter-spacing:.38em;\r\n text-transform:uppercase;\r\n color:var(--blue);\r\n}\r\n.hol-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.6rem,5.5vw,5.5rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:var(--ink);\r\n}\r\n.hol-title em {\r\n color:var(--blue);\r\n font-style:normal;\r\n}\r\n.hol-rule {\r\n width:44px;\r\n height:3px;\r\n background:linear-gradient(90deg,var(--blue),var(--red));\r\n border-radius:2px;\r\n margin:clamp(16px,2.5vw,24px) auto;\r\n}\r\n.hol-desc {\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(10,10,11,.5);\r\n}\r\n\r\n.hol-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:clamp(14px,2vw,22px);\r\n}\r\n.hol-card {\r\n background:var(--cream);\r\n border-radius:10px;\r\n padding:clamp(24px,3vw,38px);\r\n display:flex;\r\n flex-direction:column;\r\n gap:16px;\r\n transition:all .35s cubic-bezier(.34,1.56,.64,1);\r\n cursor:default;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n.hol-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 border-radius:10px 10px 0 0;\r\n}\r\n.hol-card:nth-child(1)::before { background:var(--blue); }\r\n.hol-card:nth-child(2)::before { background:var(--red); }\r\n.hol-card:nth-child(3)::before { background:var(--blue); }\r\n.hol-card:hover {\r\n box-shadow:0 16px 48px rgba(0,0,0,.1);\r\n transform:translateY(-8px);\r\n}\r\n.hol-card-num {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.5rem,4vw,3.5rem);\r\n line-height:1;\r\n}\r\n.hol-card:nth-child(1) .hol-card-num { color:rgba(4,107,210,.15); }\r\n.hol-card:nth-child(2) .hol-card-num { color:rgba(228,1,1,.13); }\r\n.hol-card:nth-child(3) .hol-card-num { color:rgba(4,107,210,.15); }\r\n.hol-card-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(1.2rem,1.8vw,1.5rem);\r\n letter-spacing:.03em;\r\n text-transform:uppercase;\r\n color:var(--ink);\r\n line-height:1.1;\r\n}\r\n.hol-card-text {\r\n font-size:1rem;\r\n font-weight:300;\r\n line-height:1.7;\r\n color:rgba(10,10,11,.5);\r\n flex:1;\r\n}\r\n.hol-card-tag {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:5px 14px;\r\n border-radius:100px;\r\n font-size:.65rem;\r\n font-weight:700;\r\n letter-spacing:.2em;\r\n text-transform:uppercase;\r\n width:fit-content;\r\n margin-top:auto;\r\n}\r\n.hol-card:nth-child(1) .hol-card-tag { background:rgba(4,107,210,.1); color:var(--blue); }\r\n.hol-card:nth-child(2) .hol-card-tag { background:rgba(228,1,1,.08); color:var(--red); }\r\n.hol-card:nth-child(3) .hol-card-tag { background:rgba(4,107,210,.1); color:var(--blue); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CTA \u2014 full dark\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.cta-sec {\r\n width: 100vw;\r\n position:relative;\r\n overflow:hidden;\r\n min-height:clamp(340px,45vh,500px);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n\/* Accent bar *\/\r\n.cta-sec::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: var(--red);\r\n z-index: 1;\r\n}\r\n\r\n.cta-bg {\r\n position:absolute;\r\n inset:0;\r\n background-image:url('https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1800&q=70');\r\n background-size:cover;\r\n background-position:center 35%;\r\n filter:brightness(.2) saturate(.5);\r\n}\r\n.cta-ov {\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(135deg,rgba(4,107,210,.3),rgba(228,1,1,.2));\r\n}\r\n.cta-inner {\r\n position:relative;\r\n z-index:2;\r\n text-align:center;\r\n padding:clamp(48px,7vw,80px) clamp(24px,5vw,100px);\r\n}\r\n.cta-title {\r\n font-family:'Anton',sans-serif;\r\n font-size:clamp(2.8rem,6vw,7rem);\r\n line-height:.88;\r\n letter-spacing:.01em;\r\n text-transform:uppercase;\r\n color:#fff;\r\n margin-bottom:clamp(14px,2vw,20px);\r\n}\r\n.cta-title span {\r\n color:var(--red);\r\n display:block;\r\n}\r\n.cta-sub {\r\n font-size:1.1rem;\r\n font-weight:300;\r\n line-height:1.8;\r\n color:rgba(255,255,255,.5);\r\n max-width:480px;\r\n margin:0 auto clamp(28px,4vw,44px);\r\n}\r\n.cta-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:14px;\r\n font-family:'DM Sans',sans-serif;\r\n font-size:.95rem;\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(40px,5vw,72px);\r\n background:var(--red);\r\n border-radius:3px;\r\n box-shadow:0 8px 32px rgba(228,1,1,.45);\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,.65);\r\n transform:translateY(-5px) scale(1.04);\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(7px); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE FIXES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n html {\r\n font-size: 16px;\r\n }\r\n \r\n body, p, a, li, span, div {\r\n font-size: 1rem;\r\n }\r\n \r\n .hero {\r\n grid-template-columns: 1fr;\r\n min-height: auto;\r\n }\r\n \r\n .hero-img {\r\n height: 40vh;\r\n min-height: 250px;\r\n }\r\n \r\n .hero-img-vignette {\r\n background: linear-gradient(0deg, rgba(10,10,11,1) 0%, rgba(10,10,11,.5) 50%, transparent 100%);\r\n }\r\n \r\n .hero-right {\r\n padding: 30px 20px;\r\n min-height: auto;\r\n }\r\n \r\n \/* FIXED MOBILE HEADING *\/\r\n .hero-h1 {\r\n font-size: 2.2rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .hero-h1 .l1,\r\n .hero-h1 .l2,\r\n .hero-h1 .l3 {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n \r\n .hero-rule {\r\n margin: 12px 0;\r\n }\r\n \r\n .hero-tagline {\r\n font-size: 0.7rem;\r\n letter-spacing: 0.2em;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .hero-body {\r\n font-size: 0.95rem;\r\n max-width: 100%;\r\n }\r\n \r\n .hero-stats-strip {\r\n position: relative;\r\n margin-top: 25px;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1px;\r\n }\r\n \r\n .hs {\r\n padding: 10px 6px;\r\n }\r\n \r\n .hs:nth-child(1), .hs:nth-child(2) {\r\n border-bottom: 1px solid rgba(255,255,255,.06);\r\n }\r\n \r\n .hs-n {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .hs-l {\r\n font-size: 0.5rem;\r\n letter-spacing: 0.15em;\r\n }\r\n \r\n .hero-scroll-ind {\r\n display: none;\r\n }\r\n \r\n .hero-ghost-num {\r\n font-size: 25vw;\r\n bottom: -0.05em;\r\n }\r\n \r\n .legacy {\r\n grid-template-columns: 1fr;\r\n padding: 40px 24px;\r\n gap: 32px;\r\n }\r\n \r\n .legacy-num {\r\n font-size: 6rem;\r\n }\r\n \r\n .legacy-body {\r\n font-size: 1rem;\r\n }\r\n \r\n .photo-band {\r\n grid-template-columns: 1fr;\r\n height: auto;\r\n }\r\n \r\n .pb-img {\r\n height: 180px;\r\n }\r\n \r\n .trust {\r\n padding: 40px 24px;\r\n }\r\n \r\n .trust-top {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n \r\n .trust-desc {\r\n font-size: 1rem;\r\n }\r\n \r\n .trust-stats {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n \r\n .trust-pillars {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .ts-box {\r\n padding: 20px 12px;\r\n }\r\n \r\n .tp {\r\n padding: 24px;\r\n }\r\n \r\n .craft {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .craft-img {\r\n min-height: 250px;\r\n order: -1;\r\n }\r\n \r\n .craft-content {\r\n padding: 40px 24px;\r\n }\r\n \r\n .craft-body {\r\n font-size: 1rem;\r\n }\r\n \r\n .holistic {\r\n padding: 40px 24px;\r\n }\r\n \r\n .hol-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .hol-desc {\r\n font-size: 1rem;\r\n }\r\n \r\n .hol-card {\r\n padding: 24px;\r\n }\r\n \r\n .cta-sec {\r\n min-height: 300px;\r\n }\r\n \r\n .cta-inner {\r\n padding: 40px 24px;\r\n }\r\n \r\n .cta-title {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .cta-sub {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .cta-btn {\r\n width: 100%;\r\n justify-content: center;\r\n font-size: 0.85rem;\r\n padding: 12px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .hero-img {\r\n height: 35vh;\r\n }\r\n \r\n .hero-h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .hero-right {\r\n padding: 25px 16px;\r\n }\r\n \r\n .hero-stats-strip {\r\n grid-template-columns: 1fr;\r\n margin-top: 20px;\r\n }\r\n \r\n .hs {\r\n border-right: none;\r\n border-bottom: 1px solid rgba(255,255,255,.06);\r\n padding: 8px;\r\n }\r\n \r\n .hs:last-child {\r\n border-bottom: none;\r\n }\r\n \r\n .hs:nth-child(1), .hs:nth-child(2) {\r\n border-bottom: 1px solid rgba(255,255,255,.06);\r\n }\r\n \r\n .trust-stats {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .legacy-num {\r\n font-size: 5rem;\r\n }\r\n \r\n .craft-img-pill {\r\n top: 16px;\r\n right: 16px;\r\n padding: 6px 12px;\r\n }\r\n \r\n .craft-img-pill-txt {\r\n font-size: 0.5rem;\r\n }\r\n \r\n .cta-title {\r\n font-size: 1.8rem;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 1. HERO \u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-img\">\r\n <img decoding=\"async\" src=\"https:\/\/autopointmk.com\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-09-142132.png\" alt=\"AutoPoint MK\"\/>\r\n <div class=\"hero-img-vignette\"><\/div>\r\n <div class=\"hero-scroll-ind\">\r\n <div class=\"scroll-track\"><div class=\"scroll-thumb\"><\/div><\/div>\r\n <span class=\"scroll-word\">Scroll<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-right\">\r\n <div class=\"hero-ghost-num\">15<\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-kicker\"><div class=\"hero-kicker-line\"><\/div><span class=\"hero-kicker-text\">About AutoPoint MK<\/span><\/div>\r\n <h1 class=\"hero-h1\">\r\n <span class=\"l1\">Where<\/span>\r\n <span class=\"l2\">Craftsman­ship<\/span>\r\n <span class=\"l3\">Meets Excellence.<\/span>\r\n <\/h1>\r\n <div class=\"hero-rule\"><\/div>\r\n <p class=\"hero-tagline\">We service every make \u00b7 every model \u00b7 every need<\/p>\r\n <p class=\"hero-body\">Your trusted local garage in Milton Keynes. Over 15 years of certified excellence \u2014 transparent, reliable, and built for drivers who demand the best.<\/p>\r\n <\/div>\r\n <div class=\"hero-stats-strip\">\r\n <div class=\"hs\"><span class=\"hs-n\">15+<\/span><span class=\"hs-l\">Yrs Experience<\/span><\/div>\r\n <div class=\"hs\"><span class=\"hs-n\">5K+<\/span><span class=\"hs-l\">Cars Serviced<\/span><\/div>\r\n <div class=\"hs\"><span class=\"hs-n\">5 \u2605<\/span><span class=\"hs-l\">Google Rating<\/span><\/div>\r\n <div class=\"hs\"><span class=\"hs-n\">100%<\/span><span class=\"hs-l\">Transparent<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 MARQUEE \u2550\u2550 -->\r\n<div class=\"marquee-band\">\r\n <div class=\"marquee-track\">\r\n <div class=\"marquee-item\">MOT Testing<span class=\"marquee-sep\"><\/span>Full Servicing<span class=\"marquee-sep\"><\/span>Diagnostics<span class=\"marquee-sep\"><\/span>Brake Repairs<span class=\"marquee-sep\"><\/span>Battery Services<span class=\"marquee-sep\"><\/span>Engine Repairs<span class=\"marquee-sep\"><\/span>Oil Changes<span class=\"marquee-sep\"><\/span>Air Conditioning<\/div>\r\n <div class=\"marquee-item\">MOT Testing<span class=\"marquee-sep\"><\/span>Full Servicing<span class=\"marquee-sep\"><\/span>Diagnostics<span class=\"marquee-sep\"><\/span>Brake Repairs<span class=\"marquee-sep\"><\/span>Battery Services<span class=\"marquee-sep\"><\/span>Engine Repairs<span class=\"marquee-sep\"><\/span>Oil Changes<span class=\"marquee-sep\"><\/span>Air Conditioning<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 2. LEGACY \u2550\u2550 -->\r\n<section class=\"legacy\">\r\n <div class=\"legacy-left rl\">\r\n <span class=\"legacy-num\">15<\/span>\r\n <div class=\"leg-eyebrow\"><div class=\"leg-eyebrow-line\"><\/div><span class=\"leg-eyebrow-txt\">Our Story<\/span><\/div>\r\n <h2 class=\"legacy-title\">A Family<br><em>Legacy.<\/em><\/h2>\r\n <div class=\"leg-rule\"><\/div>\r\n <p class=\"legacy-body\">AutoPoint MK is your local auto and van repair and MOT specialist in Milton Keynes. Our certified team brings over 15 years of industry experience, delivering reliable, high-quality service with a focus on transparency and customer care.<\/p>\r\n <p class=\"legacy-body\">For over 15 years, AutoPoint MK has been more than just a garage \u2014 it's a family legacy of mechanical mastery. Our passion for precision has been passed down through generations, blending time-tested expertise with cutting-edge technology to keep Milton Keynes moving.<\/p>\r\n <\/div>\r\n <div class=\"legacy-right rr\">\r\n <div class=\"leg-card\">\r\n <div class=\"leg-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"leg-card-body\"><div class=\"leg-card-title\">15+ Years of Proven Expertise<\/div><div class=\"leg-card-sub\">Trusted by thousands of Milton Keynes drivers<\/div><\/div>\r\n <\/div>\r\n <div class=\"leg-card\">\r\n <div class=\"leg-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div class=\"leg-card-body\"><div class=\"leg-card-title\">Fully Certified Mechanics<\/div><div class=\"leg-card-sub\">Qualified professionals, industry-accredited<\/div><\/div>\r\n <\/div>\r\n <div class=\"leg-card\">\r\n <div class=\"leg-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\r\n <div class=\"leg-card-body\"><div class=\"leg-card-title\">Genuine Manufacturer Parts<\/div><div class=\"leg-card-sub\">Only OEM and approved components used<\/div><\/div>\r\n <\/div>\r\n <div class=\"leg-card\">\r\n <div class=\"leg-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\r\n <div class=\"leg-card-body\"><div class=\"leg-card-title\">Transparent Pricing \u2014 Always<\/div><div class=\"leg-card-sub\">No hidden costs, no surprise bills \u2014 ever<\/div><\/div>\r\n <\/div>\r\n <div class=\"leg-card\">\r\n <div class=\"leg-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/div>\r\n <div class=\"leg-card-body\"><div class=\"leg-card-title\">Latest Diagnostic Equipment<\/div><div class=\"leg-card-sub\">Cutting-edge tools for pinpoint accuracy<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 PHOTO BAND \u2550\u2550 -->\r\n<div class=\"photo-band rv\">\r\n <div class=\"pb-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?auto=format&fit=crop&w=1200&q=80\" alt=\"Workshop\"\/><div class=\"pb-label\">Our Workshop<\/div><\/div>\r\n <div class=\"pb-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=800&q=80\" alt=\"Diagnostics\"\/><div class=\"pb-label\">Diagnostics<\/div><\/div>\r\n <div class=\"pb-img\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1625047509252-ab38fb5c7343?auto=format&fit=crop&w=800&q=80\" alt=\"Precision\"\/><div class=\"pb-label\">Precision Parts<\/div><\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550 3. TRUST \u2550\u2550 -->\r\n<section class=\"trust\">\r\n <div class=\"trust-bg-text\">MK<\/div>\r\n <div class=\"trust-inner\">\r\n <div class=\"trust-top\">\r\n <div class=\"rl\">\r\n <div style=\"display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,20px)\"><div style=\"width:28px;height:2px;background:var(--red);\"><\/div><span style=\"font-size:.7rem;font-weight:700;letter-spacing:.38em;text-transform:uppercase;color:var(--red)\">Our Reputation<\/span><\/div>\r\n <h2 class=\"trust-title\">Trusted By Drivers<br>Who<em>Demand The Best.<\/em><\/h2>\r\n <div style=\"width:44px;height:3px;background:linear-gradient(90deg,var(--blue),var(--red));border-radius:2px;margin:clamp(16px,2.5vw,26px) 0;\"><\/div>\r\n <\/div>\r\n <p class=\"trust-desc rr\" style=\"transition-delay:.1s\">From daily commuters to fleet managers, classic car enthusiasts to high-performance specialists \u2014 we've earned the trust of drivers who refuse to compromise. Our workshop has serviced vehicles traversing every road, always delivering unmatched reliability.<\/p>\r\n <\/div>\r\n\r\n <div class=\"trust-stats rv\">\r\n <div class=\"ts-box\"><span class=\"ts-n\">15+<\/span><span class=\"ts-l\">Years Experience<\/span><\/div>\r\n <div class=\"ts-box\"><span class=\"ts-n\">5K+<\/span><span class=\"ts-l\">Vehicles Serviced<\/span><\/div>\r\n <div class=\"ts-box\"><span class=\"ts-n\">5 \u2605<\/span><span class=\"ts-l\">Google Rated<\/span><\/div>\r\n <div class=\"ts-box\"><span class=\"ts-n\">100%<\/span><span class=\"ts-l\">Transparent Pricing<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-pillars\">\r\n <div class=\"tp rv\" style=\"transition-delay:.05s\">\r\n <span class=\"tp-n\">01<\/span>\r\n <div class=\"tp-title\">Premium Parts<\/div>\r\n <p class=\"tp-text\">Meticulously selected for durability. Genuine manufacturer parts only \u2014 no compromises, ever.<\/p>\r\n <\/div>\r\n <div class=\"tp rv\" style=\"transition-delay:.1s\">\r\n <span class=\"tp-n\">02<\/span>\r\n <div class=\"tp-title\">Advanced Diagnostics<\/div>\r\n <p class=\"tp-text\">Pinpoint accuracy with the latest equipment \u2014 identifying issues other garages miss.<\/p>\r\n <\/div>\r\n <div class=\"tp rv\" style=\"transition-delay:.15s\">\r\n <span class=\"tp-n\">03<\/span>\r\n <div class=\"tp-title\">Human Expertise<\/div>\r\n <p class=\"tp-text\">Traditional hands-on mastery no machine can replace. Decades of certified mechanical knowledge.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 4. CRAFT \u2550\u2550 -->\r\n<section class=\"craft\">\r\n <div class=\"craft-img rl\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530046339160-ce3e530c7d2f?auto=format&fit=crop&w=1200&q=85\" alt=\"Craftsmanship\"\/>\r\n <div class=\"craft-img-pill\">\r\n <div class=\"craft-img-pill-dot\"><\/div>\r\n <span class=\"craft-img-pill-txt\">State-Of-The-Art<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"craft-content rr\" style=\"transition-delay:.1s\">\r\n <div class=\"craft-eyebrow\"><div class=\"craft-eyebrow-line\"><\/div><span class=\"craft-eyebrow-txt\">Our Workshop<\/span><\/div>\r\n <h2 class=\"craft-title\">Workshop<em>Craftsmanship.<\/em><\/h2>\r\n <div class=\"craft-rule\"><\/div>\r\n <p class=\"craft-body\">In our state-of-the-art workshop, every repair is a testament to craftsmanship. Our technicians don't just fix cars \u2014 they restore them to peak condition. Whether it's a routine MOT, a complex engine rebuild, or bespoke modifications, we treat every vehicle as if it were our own.<\/p>\r\n <div class=\"craft-items\">\r\n <div class=\"ci\">\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"ci-text\"><div class=\"ci-title\">Premium Parts \u2014 Meticulously Selected<\/div><div class=\"ci-sub\">Genuine & OEM-grade components for long-term durability<\/div><\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"ci-text\"><div class=\"ci-title\">Advanced Diagnostics for Pinpoint Accuracy<\/div><div class=\"ci-sub\">Faster, more precise fault detection than ever<\/div><\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <div class=\"ci-text\"><div class=\"ci-title\">Hands-On Expertise No Machine Can Replace<\/div><div class=\"ci-sub\">Decades of mechanical mastery passed through generations<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 5. HOLISTIC \u2550\u2550 -->\r\n<section class=\"holistic\">\r\n <div class=\"hol-header rv\">\r\n <div class=\"hol-kicker\"><div class=\"hol-kicker-line\"><\/div><span class=\"hol-kicker-txt\">Our Approach<\/span><div class=\"hol-kicker-line\"><\/div><\/div>\r\n <h2 class=\"hol-title\">Beyond Repairs:<br><em>A Holistic<\/em> Approach.<\/h2>\r\n <div class=\"hol-rule\"><\/div>\r\n <p class=\"hol-desc\">Just as a craftsman considers every stitch, we consider every detail. From brake replacements to full restorations \u2014 we don't just meet standards, we redefine them.<\/p>\r\n <\/div>\r\n <div class=\"hol-grid\">\r\n <div class=\"hol-card rv\" style=\"transition-delay:.05s\">\r\n <span class=\"hol-card-num\">01<\/span>\r\n <div class=\"hol-card-title\">Personalised Service Plans<\/div>\r\n <p class=\"hol-card-text\">Tailored to your exact driving habits \u2014 whether you cover 5,000 or 50,000 miles a year, we design a plan that keeps your vehicle in peak condition all year round.<\/p>\r\n <span class=\"hol-card-tag\">Tailored For You<\/span>\r\n <\/div>\r\n <div class=\"hol-card rv\" style=\"transition-delay:.1s\">\r\n <span class=\"hol-card-num\">02<\/span>\r\n <div class=\"hol-card-title\">Transparent Pricing<\/div>\r\n <p class=\"hol-card-text\">No surprises, just honesty. Every quote is fixed and final \u2014 you'll always know exactly what you're paying before any work begins. No hidden costs, ever.<\/p>\r\n <span class=\"hol-card-tag\">No Hidden Costs<\/span>\r\n <\/div>\r\n <div class=\"hol-card rv\" style=\"transition-delay:.15s\">\r\n <span class=\"hol-card-num\">03<\/span>\r\n <div class=\"hol-card-title\">Preventive Care<\/div>\r\n <p class=\"hol-card-text\">We extend your vehicle's lifespan through proactive maintenance, catching small issues before they become costly problems \u2014 saving you time and money.<\/p>\r\n <span class=\"hol-card-tag\">Long-Term Value<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550 6. CTA \u2550\u2550 -->\r\n<section class=\"cta-sec\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-ov\"><\/div>\r\n <div class=\"cta-inner rv\">\r\n <h2 class=\"cta-title\">Book Your<span>Service Today.<\/span><\/h2>\r\n <p class=\"cta-sub\">Join thousands of Milton Keynes drivers who trust AutoPoint MK. Fast, honest, and built on 15 years of excellence.<\/p>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"cta-btn\">\r\n Book Now\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst obs = new IntersectionObserver(entries => {\r\n entries.forEach(e => { \r\n if(e.isIntersecting) { \r\n e.target.classList.add('on'); \r\n obs.unobserve(e.target); \r\n } \r\n });\r\n}, { threshold: 0.1 });\r\ndocument.querySelectorAll('.rv,.rl,.rr').forEach(el => obs.observe(el));\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<div class=\"elementor-element elementor-element-40ffe84 e-flex e-con-boxed e-con e-parent\" data-id=\"40ffe84\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56c5c3b elementor-widget elementor-widget-html\" data-id=\"56c5c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>AutoPoint MK \u2013 Footer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*, *::before, *::after { \r\n margin: 0; \r\n padding: 0; \r\n box-sizing: border-box; \r\n}\r\n\r\nhtml, body {\r\n width: 100%;\r\n max-width: 100%;\r\n font-family: 'DM Sans', sans-serif;\r\n background: #08090a;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER - FULL WIDTH\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer {\r\n position: relative;\r\n width: 100vw;\r\n background: #08090a;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n overflow: hidden;\r\n}\r\n\r\n\/* top gradient line - kept as design element *\/\r\n.footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #E40101 0%, #046BD2 50%, #E40101 100%);\r\n background-size: 200%;\r\n animation: gradMove 4s linear infinite;\r\n}\r\n@keyframes gradMove {\r\n from { background-position: 0% }\r\n to { background-position: 200% }\r\n}\r\n\r\n\/* subtle bg glow - kept *\/\r\n.footer-glow-blue {\r\n position: absolute;\r\n bottom: -20%; right: -5%;\r\n width: 45%; height: 80%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(4,107,210,0.07) 0%, transparent 65%);\r\n pointer-events: none; z-index: 0;\r\n}\r\n.footer-glow-red {\r\n position: absolute;\r\n top: -10%; left: -5%;\r\n width: 35%; height: 70%;\r\n border-radius: 50%;\r\n background: radial-gradient(ellipse, rgba(228,1,1,0.05) 0%, transparent 65%);\r\n pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500 MAIN GRID \u2500\u2500 MEDIUM HEIGHT *\/\r\n.footer-main {\r\n position: relative; z-index: 2;\r\n padding: clamp(40px,5vw,60px) clamp(24px,6vw,100px); \/* Reduced padding for medium height *\/\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr 1.3fr;\r\n gap: clamp(32px,4vw,64px);\r\n}\r\n\r\n\/* \u2500\u2500 COL 1 \u2014 BRAND (simplified) \u2500\u2500 *\/\r\n.footer-brand {}\r\n\r\n.footer-logo {\r\n display: flex; align-items: center; gap: 13px;\r\n text-decoration: none; margin-bottom: clamp(16px,2.5vw,24px); \/* Reduced *\/\r\n}\r\n.footer-logo-sq {\r\n width: 42px; height: 42px;\r\n border: none;\r\n border-radius: 7px;\r\n background: rgba(4,107,210,0.1);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all .3s ease;\r\n}\r\n.footer-logo:hover .footer-logo-sq {\r\n background: rgba(4,107,210,0.2);\r\n box-shadow: 0 0 20px rgba(4,107,210,0.3);\r\n}\r\n.footer-logo-sq svg { width: 18px; height: 18px; color: #6eb3ff; }\r\n.footer-logo-text {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(1rem,1.4vw,1.15rem);\r\n letter-spacing: .14em; text-transform: uppercase; color: #fff;\r\n}\r\n.footer-logo-text em { color: #046BD2; font-style: normal; }\r\n.footer-logo-city {\r\n font-size: .5rem; font-weight: 400;\r\n letter-spacing: .32em; text-transform: uppercase;\r\n color: rgba(255,255,255,.28); margin-top: 1px; display: block;\r\n}\r\n\r\n.footer-brand-desc {\r\n font-size: clamp(.78rem,1vw,.86rem);\r\n font-weight: 300; line-height: 1.7; \/* Tighter line height *\/\r\n color: rgba(255,255,255,.38);\r\n max-width: 280px;\r\n}\r\n\r\n\/* \u2500\u2500 SHARED COL STYLES \u2500\u2500 *\/\r\n.footer-col-title {\r\n font-family: 'Anton', sans-serif;\r\n font-size: clamp(.72rem,1vw,.82rem);\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: #fff; margin-bottom: clamp(14px,2vw,20px); \/* Reduced *\/\r\n display: flex; align-items: center; gap: 10px;\r\n}\r\n.footer-col-title::before {\r\n content: ''; width: 20px; height: 2px; flex-shrink: 0;\r\n border: none;\r\n}\r\n.col-services .footer-col-title::before { background: #E40101; }\r\n.col-links .footer-col-title::before { background: #046BD2; }\r\n.col-contact .footer-col-title::before { background: #E40101; }\r\n\r\n\/* \u2500\u2500 COL 2 \u2014 SERVICES \u2500\u2500 *\/\r\n.footer-service-list {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.footer-service-item {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: clamp(6px,0.9vw,9px) 0; \/* Reduced padding *\/\r\n border-bottom: 1px solid rgba(255,255,255,.05);\r\n text-decoration: none;\r\n font-size: clamp(.76rem,.95vw,.84rem);\r\n font-weight: 300; color: rgba(255,255,255,.42);\r\n transition: all .25s ease;\r\n}\r\n.footer-service-item:last-child { border-bottom: none; }\r\n.footer-service-item::before {\r\n content: '';\r\n width: 5px; height: 5px; border-radius: 50%;\r\n background: #E40101; flex-shrink: 0; opacity: .5;\r\n transition: opacity .25s ease;\r\n border: none;\r\n}\r\n.footer-service-item:hover {\r\n color: rgba(255,255,255,.85);\r\n padding-left: 6px;\r\n}\r\n.footer-service-item:hover::before { opacity: 1; }\r\n\r\n\/* \u2500\u2500 COL 3 \u2014 LINKS (simplified - no icons) \u2500\u2500 *\/\r\n.footer-link-list {\r\n display: flex; flex-direction: column; gap: 2px;\r\n}\r\n.footer-link-item {\r\n display: flex; align-items: center;\r\n padding: clamp(6px,0.9vw,9px) 0; \/* Reduced padding *\/\r\n border-bottom: 1px solid rgba(255,255,255,.05);\r\n text-decoration: none;\r\n font-size: clamp(.76rem,.95vw,.84rem);\r\n font-weight: 300; color: rgba(255,255,255,.42);\r\n transition: all .25s ease;\r\n}\r\n.footer-link-item:last-child { border-bottom: none; }\r\n.footer-link-item:hover {\r\n color: rgba(255,255,255,.85);\r\n padding-left: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 COL 4 \u2014 CONTACT (simplified - removed address) \u2500\u2500 *\/\r\n.footer-contact-list {\r\n display: flex; flex-direction: column; gap: clamp(12px,1.8vw,18px); \/* Reduced *\/\r\n}\r\n.footer-contact-item {\r\n display: flex; align-items: flex-start; gap: 14px;\r\n}\r\n.footer-contact-icon {\r\n width: 34px; height: 34px; border-radius: 6px;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all .3s ease;\r\n border: none;\r\n}\r\n.footer-contact-item:nth-child(1) .footer-contact-icon { background: rgba(4,107,210,.12); }\r\n.footer-contact-item:nth-child(2) .footer-contact-icon { background: rgba(228,1,1,.1); }\r\n.footer-contact-item:nth-child(1):hover .footer-contact-icon { background: #046BD2; }\r\n.footer-contact-item:nth-child(2):hover .footer-contact-icon { background: #E40101; }\r\n.footer-contact-icon svg { width: 14px; height: 14px; transition: color .3s; }\r\n.footer-contact-item:nth-child(1) .footer-contact-icon svg { color: #6eb3ff; }\r\n.footer-contact-item:nth-child(2) .footer-contact-icon svg { color: #ff7070; }\r\n.footer-contact-item:hover .footer-contact-icon svg { color: #fff; }\r\n\r\n.footer-contact-body {}\r\n.footer-contact-label {\r\n font-size: .56rem; font-weight: 700;\r\n letter-spacing: .28em; text-transform: uppercase;\r\n color: rgba(255,255,255,.22); margin-bottom: 4px;\r\n}\r\n.footer-contact-value {\r\n font-size: clamp(.78rem,.95vw,.86rem);\r\n font-weight: 400; color: rgba(255,255,255,.6);\r\n line-height: 1.5; text-decoration: none;\r\n transition: color .25s ease; display: block;\r\n}\r\na.footer-contact-value:hover { color: #fff; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 960px) {\r\n .footer-main { \r\n grid-template-columns: 1fr 1fr; \r\n gap: clamp(28px,4vw,48px); \r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .footer-main { \r\n grid-template-columns: 1fr; \r\n padding: 30px 20px; \/* Reduced for mobile *\/\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\">\r\n\r\n <div class=\"footer-glow-blue\"><\/div>\r\n <div class=\"footer-glow-red\"><\/div>\r\n\r\n <!-- \u2500\u2500 MAIN GRID \u2500\u2500 MEDIUM HEIGHT -->\r\n <div class=\"footer-main\">\r\n\r\n <!-- COL 1 \u2014 BRAND (no icons) -->\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"footer-logo\">\r\n <div class=\"footer-logo-sq\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-logo-text\">Auto<em>Point<\/em> MK<\/div>\r\n <span class=\"footer-logo-city\">Premier Garage \u00b7 Milton Keynes<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <p class=\"footer-brand-desc\">Your trusted local garage in Milton Keynes. Delivering quality repairs, honest service and exceptional standards.<\/p>\r\n \r\n <!-- No social icons - removed as requested -->\r\n <\/div>\r\n\r\n <!-- COL 2 \u2014 SERVICES -->\r\n <div class=\"col-services\">\r\n <h4 class=\"footer-col-title\">Services<\/h4>\r\n <div class=\"footer-service-list\">\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=137\" class=\"footer-service-item\">MOT Testing<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=245\" class=\"footer-service-item\">Full Servicing<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=132\" class=\"footer-service-item\">Diagnostic Checks<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=118\" class=\"footer-service-item\">Brake Repairs<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=113\" class=\"footer-service-item\">Battery Services<\/a>\r\n <a href=\"\" class=\"footer-service-item\">Engine Repairs<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=257\" class=\"footer-service-item\">Oil Changes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 3 \u2014 QUICK LINKS (no icons) -->\r\n <div class=\"col-links\">\r\n <h4 class=\"footer-col-title\">Quick Links<\/h4>\r\n <div class=\"footer-link-list\">\r\n <a href=\"https:\/\/autopointmk.com\" class=\"footer-link-item\">Home<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=59\" class=\"footer-link-item\">About Us<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=154\" class=\"footer-link-item\">Contact<\/a>\r\n <a href=\"https:\/\/autopointmk.com\/?page_id=192\" class=\"footer-link-item\">Book a Service<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COL 4 \u2014 CONTACT (simplified - removed address) -->\r\n <div class=\"col-contact\">\r\n <h4 class=\"footer-col-title\">Contact Us<\/h4>\r\n <div class=\"footer-contact-list\">\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-body\">\r\n <div class=\"footer-contact-label\">Phone<\/div>\r\n <a href=\"tel:+441908973839\" class=\"footer-contact-value\">01908 97 38 39<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-body\">\r\n <div class=\"footer-contact-label\">Email<\/div>\r\n <a href=\"mailto:Info@autopointmk.com\" class=\"footer-contact-value\">Info@autopointmk.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Bottom bar completely removed -->\r\n\r\n<\/footer>\r\n\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>About Us \u2013 AutoPoint MK Scroll 15 About AutoPoint MK Where Craftsman­ship Meets Excellence. We service every make \u00b7 every…<\/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-59","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/59","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=59"}],"version-history":[{"count":13,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/autopointmk.com\/index.php?rest_route=\/wp\/v2\/pages\/59\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/autopointmk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}