PageSourceSearch

https://elitetintokc.netlify.app/

html elitetintokc.netlify.app collected 2026-10-03 10:41:33 UTC 234,121 bytes, 2,404 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5<meta name="x-version" content="v5-fix-2025">
6<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
7<title>Elite Tint OKC | Window Tinting & Paint Protection OKC</title>
8
9<meta name="theme-color" content="#0D0D0D">
10
11
12
13
14
15
16<style>
17:root{--gd:#C8973A;--gd-lt:#E0AF58;--bk:#080808;--bg:#0D0D0D;--bg2:#161616;--bg3:#1E1E1E;--bg4:#272727;--line:rgba(255,255,255,.07);--line-gd:rgba(200,151,58,.2);--text:#F0EDE6;--muted:#b0b0b0;--mid:#c0c0c0;--fd:Impact,'Arial Narrow',Arial,sans-serif;--fb:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
18*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
19body{font-family:var(--fb);background:var(--bg);color:var(--text);overflow-x:hidden;padding-bottom:60px}
20img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
21.wrap{max-width:1380px;margin:0 auto;padding:0 2.5rem}
22.eyebrow{display:flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.2rem}
23.eyebrow::before{content:'';width:24px;height:1px;background:var(--gd)}
24.sec-title{font-family:var(--fd);font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:.93;letter-spacing:.02em}
25.sec-title span{color:var(--gd)}
26.page{display:none;min-height:100vh}.page.active{display:block}.page-pt{padding-top:100px;min-height:100vh}
27.ticker{background:var(--gd);padding:.65rem 0;overflow:hidden;white-space:nowrap}
28.ticker-track{display:inline-flex;animation:tick 28s linear infinite;will-change:transform}
29.ti{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--bk);padding:0 1.75rem}
30.ti::after{content:'◆';margin-left:1.75rem;font-size:.5rem;vertical-align:middle;opacity:.6}
31@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
32.page-hero{position:relative;height:380px;display:flex;align-items:flex-end;overflow:hidden}
33.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center}
34.ph-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,1) 0%,rgba(8,8,8,.55) 55%,rgba(8,8,8,.2) 100%)}
35.ph-body{position:relative;z-index:2;padding:1.5rem 2.5rem 3rem;width:100%}
36.ph-tag{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d4a843;display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}
37.ph-tag::before{content:'';width:24px;height:1px;background:var(--gd)}
38.bc{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}
39.bcl{cursor:pointer;color:var(--muted);transition:color .2s}.bcl:hover{color:var(--gd)}.bc-sep{color:var(--gd)}
40.cta-strip{padding:5rem 0;background:var(--gd);position:relative;overflow:hidden}
41.cta-i{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}
42.feat{padding:1.4rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;transition:border-color .2s}
43.feat:last-child{border-bottom:1px solid var(--line)}.feat:hover{border-top-color:var(--line-gd)}
44.feat-title{font-size:.9rem;font-weight:600;margin-bottom:.3rem}
45.feat-desc{font-size:.85rem;line-height:1.6;color:var(--muted)}
46.feat-val{font-family:var(--fd);font-size:1.5rem;color:rgba(200,151,58,.35);line-height:1}
47.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line)}
48.svc-card{background:var(--bg);position:relative;overflow:hidden;transition:background .25s;cursor:pointer;-webkit-tap-highlight-color:transparent}
49.svc-card:hover{background:var(--bg2)}
50.svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gd);transform:scaleX(0);transform-origin:left;transition:transform .35s}
51.svc-card:hover::after{transform:scaleX(1)}
52.svc-card-img{height:200px;overflow:hidden}
53.svc-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .4s;display:block}
54.svc-card:hover .svc-card-img img{transform:scale(1.04)}
55.svc-card-body{padding:1.75rem}
56.svc-card-tag{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
57.svc-card-body h3{font-family:var(--fd);font-size:1.55rem;letter-spacing:.02em;margin-bottom:.6rem}
58.svc-card-body p{font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:1.25rem}
59.svc-card-links{display:flex;gap:1rem;align-items:center}
60.mini-btn{background:var(--gd);color:#000;border:none;padding:.5rem 1.1rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:var(--fb);transition:background .2s}
61.mini-btn:hover{background:var(--gd-lt)}
62.faq-item{border-bottom:1px solid var(--line);overflow:hidden}
63.faq-q{width:100%;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;font-family:var(--fb);font-size:.95rem;font-weight:500}
64.faq-q:hover{color:var(--gd)}
65.faq-icon{width:22px;height:22px;flex-shrink:0;border:1px solid var(--line-gd);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--gd);transition:transform .25s;border-radius:50%}
66.faq-item.open .faq-icon{transform:rotate(45deg)}
67.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
68.faq-item.open .faq-a{max-height:800px;padding-bottom:1.25rem}
69.faq-a p{font-size:.9rem;line-height:1.75;
69color:var(--mid)}
70.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gd);color:var(--bk);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2.2rem;border:none;cursor:pointer;transition:background .2s,transform .15s;font-family:var(--fb);box-shadow:0 4px 20px rgba(200,151,58,.35)}
71.btn-gold:hover{background:var(--gd-lt);transform:translateY(-2px)}
72.btn-hero{padding:1.1rem 2.4rem;font-size:.82rem}
73.btn-ol-gd{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid var(--gd);color:var(--gd);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:1rem 2rem;background:transparent;cursor:pointer;transition:all .2s;font-family:var(--fb)}
74.btn-ol-gd:hover{background:var(--gd);color:var(--bk)}
75.btn-bk{background:var(--bk);color:var(--gd);font-family:var(--fb);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;border:2px solid rgba(200,151,58,.3);cursor:pointer;transition:all .2s}
76.btn-bk:hover{border-color:var(--gd)}
77.btn-bk-ol{border:2px solid var(--bk);color:var(--bk);font-family:var(--fb);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;display:inline-flex;align-items:center;background:transparent;cursor:pointer}
78.tag-btn{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg4);border:none;padding:.35rem .75rem;cursor:pointer;font-family:var(--fb);transition:all .2s}
79.tag-btn:hover{color:var(--gd);background:rgba(200,151,58,.08)}
80#nav{position:fixed;top:0;left:0;right:0;z-index:500;overflow:visible}
81#nav-top{background:#060606;border-bottom:1px solid rgba(200,151,58,.1);padding:0 2.5rem;height:30px;display:flex;align-items:center;justify-content:space-between}
82.nt-soc{width:20px;height:20px;border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;color:var(--gd);transition:background .2s}
83.nt-soc:hover{background:rgba(200,151,58,.12)}
84#nav-main{background:#060606;border-bottom:none;padding:0 2.5rem;height:70px;display:flex;align-items:center;gap:2rem;position:relative}
85.nav-logo{display:flex;align-items:center;cursor:pointer;background:transparent}
86.nav-logo img{height:52px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(200,151,58,.35))}
87.nav-links{display:flex;align-items:center;list-style:none;height:70px;gap:0}
88.nav-links>li{height:100%;display:flex;align-items:center;position:relative}
89.nav-links>li>a{display:flex;align-items:center;gap:.25rem;height:100%;padding:0 1rem;font-size:.73rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);transition:color .2s;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}
90.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--gd);border-bottom-color:var(--gd)}
91.arr{font-size:.55rem;transition:transform .2s}
92.nav-links>li.open>a .arr{transform:rotate(180deg)}
93.svc-mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:580px;z-index:600}
94.svc-mega-inner{background:#0f0f0f;border:1px solid rgba(200,151,58,.3);border-top:2px solid var(--gd);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 24px 64px rgba(0,0,0,.8)}
95.mega-item{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s}
96.mega-item:hover{background:rgba(200,151,58,.07)}
97.mega-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.04)}
98.mega-icon{width:36px;height:36px;background:rgba(200,151,58,.1);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
99.mega-text h4{font-size:.78rem;font-weight:600;color:var(--text);letter-spacing:.04em;margin-bottom:.18rem}
100.mega-text p{font-size:.7rem;color:var(--muted);line-height:1.4}
101.mega-item:hover .mega-text h4{color:var(--gd)}
102.nav-r{display:flex;align-items:center;gap:.6rem}
103.nav-links{flex:1;justify-content:space-evenly}
104.nav-call-btn{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--gd);background:transparent;color:var(--gd);font-size:.75rem;font-weight:700;letter-spacing:.07em;padding:.48rem 1.1rem;cursor:pointer;font-family:var(--fb);transition:all .2s;text-decoration:none;white-space:nowrap}
105.nav-call-btn:hover{background:var(--gd);color:var(--bk)}
106.nav-quote-btn{background:var(--gd);color:var(--bk);border:none;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:.52rem 1.3rem;cursor:pointer;font-family:var(--fb);transition:background .2s;box-shadow:0 2px 12px rgba(200,151,58,.3)}
107.nav-quote-btn:hover{background:var(--gd-lt)}
108.ham{display:none;background:none;border:none;cursor:pointer;color:var(--text);font-size:1.5rem;line-height:1;padding:.2rem}
109#mob-nav{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#060606;z-index:600;overflow-y:auto;padding:1.25rem 1.5rem;flex-direction:column;border-top:1px solid var(--line-gd)}
110.mob-l{display:block;width:100%;padding:.9rem 0;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;
110color:var(--mid);border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;font-family:var(--fb);text-align:left}
111.mob-l:hover{color:var(--gd)}
112.mob-svc-list{display:none;flex-direction:column;background:rgba(200,151,58,.04);border-left:2px solid var(--gd);margin-left:1rem;padding-left:1rem;padding-bottom:.5rem}
113.mob-svc-list.open{display:flex}
114.mob-sl{padding:.6rem 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;border:none;background:none;font-family:var(--fb);text-align:left;display:block}
115.mob-sl:hover{color:var(--gd)}
116.mob-acts{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
117.mob-call{display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid var(--gd);color:var(--gd);padding:.9rem;font-family:var(--fb);font-size:.88rem;font-weight:700;letter-spacing:.07em;text-decoration:none}
118.mob-quote{background:var(--gd);color:var(--bk);border:none;padding:.9rem;font-family:var(--fb);font-size:.88rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:block;width:100%;box-shadow:0 4px 20px rgba(200,151,58,.4)}
119#sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:450;display:flex;height:58px;box-shadow:0 -6px 30px rgba(0,0,0,.6)}
120.sticky-call{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#0f0f0f;border-top:2px solid rgba(200,151,58,.4);color:var(--gd);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:background .2s}
121.sticky-call:hover{background:#1a1a1a}
122.sticky-div{width:1px;background:rgba(200,151,58,.3)}
123.sticky-quote{flex:1;display:flex;align-items:center;justify-content:center;background:var(--gd);color:var(--bk);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;font-family:var(--fb);transition:background .2s}
124.sticky-quote:hover{background:var(--gd-lt)}
125.overlay{display:none;position:fixed;inset:0;z-index:800;background:rgba(0,0,0,.88);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
126.overlay.open{display:block}
127.g2{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
128.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
129.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
130.rev-card{display:block;background:var(--bg3);padding:2rem;border:1px solid var(--line);transition:border-color .25s;text-decoration:none}
131.rev-card:hover{border-color:var(--line-gd)}
132.loc-card{background:var(--bg2);padding:2.5rem;border:1px solid var(--line-gd)}
133.loc-tag{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem}
134.loc-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--mid);margin-bottom:.75rem}
135.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:5rem;align-items:start}
136.faq-sidebar{position:sticky;top:120px}
137.faq-cat-btn{padding:.85rem 1.1rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-left:2px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;text-align:left;font-family:var(--fb);width:100%;transition:all .2s}
138.faq-cat-btn:hover,.active-cat{color:var(--gd);border-left-color:var(--gd);background:rgba(200,151,58,.05)}
139.law-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}
140.law-table th{background:var(--bg3);padding:.85rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);text-align:left;border-bottom:1px solid var(--line-gd)}
141.law-table td{padding:.85rem 1rem;font-size:.88rem;color:var(--mid);border-bottom:1px solid var(--line)}
142.badge-ok{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
143.badge-warn{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(200,151,58,.1);color:var(--gd);border:1px solid var(--line-gd)}
144.badge-any{font-size:.7rem;font-weight:700;padding:.25rem .65rem;background:rgba(99,102,241,.1);color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}
145.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:4rem}
146.fl{font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .2s}
147.fl:hover{color:var(--text)}
148a:focus-visible,button:focus-visible{outline:2px solid var(--gd);outline-offset:2px}
149@media(max-width:1100px){.nav-links{display:none}#nav-top{display:none}.nav-r .nav-call-btn,.nav-r .nav-quote-btn{display:none}.ham{display:block!important}.mob-nav-ph,.mob-nav-loc{display:flex!important}}
150@media(max-width:960px){.wrap{padding:0 1.5rem}.g2,.g3{grid-template-columns:1fr!important;gap:3rem!important}.faq-layout{grid-template-columns:1fr!important}.faq-sidebar{position:static!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2.5rem!important}.ph-body{padding:0 1.5rem 2rem!important}}
151@media(max-width:600px){.wrap{padding:0 1.25rem}
151#nav-main{padding:0 1.25rem}.page-pt{padding-top:70px}.page-hero{height:280px}.g4{grid-template-columns:1fr 1fr!important}.footer-grid{grid-template-columns:1fr!important}.svc-grid{grid-template-columns:1fr}.btn-hero{width:100%;justify-content:center}}
152
153.mob-nav-ph,.mob-nav-loc{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--gd);color:var(--gd);transition:background .2s}
154.mob-nav-ph:hover,.mob-nav-loc:hover{background:rgba(200,151,58,.12)}
155@media(max-width:1100px){.mob-nav-ph,.mob-nav-loc{display:flex}}
156
157
158
159
160
161@media(max-width:1100px){#nav-top .brand-center{display:none}}
162
163@media(max-width:1100px){.nav-brand-text{display:none!important}}
164
165@media(max-width:1100px){
166  .nav-brand span:first-child{font-size:.78rem!important;letter-spacing:.04em!important}
167  .nav-brand span:last-child{font-size:.5rem!important;letter-spacing:.12em!important}
168  .nav-brand{padding-left:.5rem!important;margin-left:.4rem!important;min-width:0!important}
169  .nav-r{gap:.5rem!important;margin-left:auto!important;padding-left:.75rem}
170}
171
172@media(max-width:480px){
173  .nav-logo img{height:42px!important}
174  .nav-brand span:first-child{font-size:.7rem!important}
175  .nav-brand span:last-child{font-size:.46rem!important}
176  .nav-brand{padding-left:.4rem!important;margin-left:.3rem!important}
177  #nav-main{padding:0 .75rem!important;gap:.5rem!important}
178}
179
180@media(max-width:360px){
181  .mob-nav-loc{display:none!important}
182  .nav-brand span:last-child{display:none!important}
183}
184
185@media(max-width:600px){
186  .svc-card-img img{object-position:center 40%}
187}
188
189@media(max-width:700px){
190  .law-table{width:100%;border-collapse:collapse}
191  .law-table thead th{padding:.5rem .4rem;font-size:.6rem;letter-spacing:.06em}
192  .law-table td{padding:.6rem .4rem;font-size:.75rem;border-bottom:1px solid var(--line);vertical-align:middle}
193  .law-table td:nth-child(1){width:22%;font-weight:600}
194  .law-table td:nth-child(2){width:50%}
195  .law-table td:nth-child(3){width:28%;text-align:center}
196  .badge-ok,.badge-warn,.badge-any{
197    font-size:.58rem;
198    padding:.25rem .3rem;
199    display:inline-block;
200    line-height:1.3;
201    text-align:center;
202    white-space:normal;
203    word-break:break-word;
204    max-width:80px;
205    width:100%;
206  }
207}
208
209@media(max-width:600px){
210  .cta-i{flex-direction:column;align-items:flex-start;gap:1.5rem}
211  .cta-i>div:last-child{display:flex;flex-direction:column;gap:.75rem;width:100%}
212  .cta-i>div:last-child .btn-bk,
213  .cta-i>div:last-child .btn-bk-ol{width:100%;text-align:center;justify-content:center;box-sizing:border-box}
214}
215
216/* ===== PPF page mobile responsiveness ===== */
217@media(max-width:720px){
218  /* Stack comparison table as cards */
219  .ppf-compare thead{display:none}
220  .ppf-compare,
221  .ppf-compare tbody,
222  .ppf-compare tr,
223  .ppf-compare td{display:block;width:100%;box-sizing:border-box}
224  .ppf-compare tr{margin-bottom:1.25rem;border:1px solid var(--line-gd);background:var(--bg3)}
225  .ppf-compare td{border:none!important;border-bottom:1px solid var(--line)!important;padding:.75rem 1rem!important;font-size:.88rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
226  .ppf-compare td:last-child{border-bottom:none!important}
227  .ppf-compare td:first-child{background:rgba(200,151,58,.08);font-weight:700!important;color:var(--gd)!important}
228  .ppf-compare td:first-child::before{display:none}
229  .ppf-compare td::before{content:attr(data-label);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);flex-shrink:0;min-width:78px;padding-top:.15rem}
230  .ppf-compare td:first-child{justify-content:flex-start}
231  /* Why XPEL section: stack two columns */
232  #page-svc-ppf .g2{grid-template-columns:1fr!important;gap:2.5rem!important}
233  /* Tighten section padding */
234  #page-svc-ppf section{padding:3.5rem 0!important}
235  /* Process / Packages cards a bit smaller */
236  #page-svc-ppf [style*="grid-template-columns:repeat(auto-fit"]{gap:1rem!important}
237}
238.svc-card-ceramic .svc-card-img{height:200px}.svc-card-ceramic .svc-card-img img{object-fit:cover;object-position:center 30%}
239
240.hero-bg-logo{display:block}
241@media(max-width:768px){
242  .hero-bg-logo{
243    position:relative!important;
244    right:auto!important;
245    top:auto!important;
246    transform:none!important;
247    width:200px!important;
248    margin:2.5rem auto 0!important;
249    display:block!important;
250    opacity:.15!important;
251  }
252}
253
254@media(max-width:768px){
255  .hero-mobile-logo{display:block!important;margin:2rem auto 0!important;text-align:center!important;width:200px!important}
256  .hero-bg-logo{display:none!important}
257}
258
259/* Clean service page headers - no photos */
260.ph-bg{
261  background-image:none!important;
262  background:linear-gradient(135deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%)!important;
263}
264.ph-bg::before{
265  content:'';
266  position:absolute;
267  inset:0;
268  background:radial-gradient(ellipse at 80% 50%,rgba(200,151,58,.08) 0%,transparent 60%);
269}
270.ph-ov{
271  background:linear-gradient(to top,rgba(8,8,8,.95) 0%,rgba(8,8,8,.4) 60%,rgba(8,8,8,.1) 100%)!important;
272}
273.page-hero{
274  height:320px;
275  border-bottom:2px solid rgba(200,151,58,.25);
276}
277.ph-body{
278  padding-bottom:2.5rem!important;
279}
280
281
282.fl{background:none!important;border:none!important;padding:0!important;-webkit-appearance:none!important;outline:none!important}
283.fl:focus{outline:none!important;box-shadow:none!important}
284
285
286*:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important}
287button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important}
288
289
290.svc-card{display:flex;flex-direction:column}
291.svc-card-body{flex:1;display:flex;flex-direction:column}
292.svc-card-links{margin-top:auto}
293.svc-card-body p{flex:1}
294.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);align-items:stretch}
295
296
297.skip-link{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
298.skip-link:focus{pointer-events:auto;position:fixed;left:50%;top:1rem;transform:translateX(-50%);width:auto;height:auto;overflow:visible;opacity:1;pointer-events:auto;background:var(--gd);color:var(--bk);padding:.5rem 1.5rem;font-weight:700;font-size:.85rem;z-index:9999;border-radius:2px}
299
300
301@media(max-width:768px){
302  .vette-img{height:auto!important;max-height:280px;object-fit:contain!important;background:#0d0d0d}
303}
304
305
306@media(max-width:600px){
307  .overlay{padding:0}
308  .overlay>div{margin:0!important;width:100%!important;min-height:100vh;border-radius:0!important}
309  .overlay>div iframe{height:100vh!important;min-height:500px}
310}
311@media(min-width:601px){
312  .overlay>div iframe{height:80vh;min-height:600px}
313}
314
315
316/* Service page images - responsive on mobile */
317@media(max-width:768px){
318  .svc-page-img{
319    height:260px!important;
320    object-position:center center!important;
321  }
322}
323@media(max-width:480px){
324  .svc-page-img{
325    height:220px!important;
326  }
327}
328
329
330.svc-card[onclick*="svc-auto"] .svc-card-img{height:260px!important}
331
332
333@media(max-width:768px){
334  .ph-body{padding-top:2rem!important}
335  .page-hero{padding-top:130px!important;height:300px!important}
336}
337
338
339@media(max-width:768px){
340  .hero-mobile-logo{display:block!important;width:200px!important;margin:2rem auto 0!important;opacity:.2!important}
341  .hero-bg-logo{display:none!important}
342}
343@media(max-width:480px){.hero-content-inner{padding-top:160px!important;padding-left:1.25rem!important;padding-right:1.25rem!important}}
344
345
346@media(max-width:768px){.hero-content-inner{padding-top:120px!important}}
347@media(max-width:480px){.hero-content-inner{padding-top:100px!important}}
348</style>
349<link rel="preconnect" href="https://images.unsplash.com">
350<link rel="dns-prefetch" href="https://app.tintwiz.com">
351<link rel="preconnect" href="https://images.unsplash.com">
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370<meta http-equiv="X-Content-Type-Options" content="nosniff">
371<meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
372<meta name="referrer" content="strict-origin-when-cross-origin">
373
374<script type="application/ld+json">
375[
376  {
377    "@context": "https://schema.org",
378    "@type": ["LocalBusiness", "AutoRepair"],
379    "@id": "https://elitetintokc.com/#business",
380    "name": "Elite Window Tinting & Paint Protection",
381    "alternateName": "Elite Tint OKC",
382    "description": "Oklahoma City's #1 XPEL-certified window tinting and paint protection shop. 500+ five-star reviews. Open 7 days 8AM-8PM. Ceramic tint blocks 98% heat. Lifetime warranty. Two OKC locations serving Mustang, Edmond, Yukon, Norman and Moore.",
383    "url": "https://elitetintokc.com",
384    "logo": {
385      "@type": "ImageObject",
386      "url": "https://elitetintokc.com/img/logo.png",
387      "width": 400,
388      "height": 248
389    },
390    "image": "https://elitetintokc.com/og-image.jpg",
391    "telephone": "+14052568035",
392    "priceRange": "$$",
393    "currenciesAccepted": "USD",
394    "paymentAccepted": "Cash, Credit Card",
395    "address": {
396      "@type": "PostalAddress",
397      "streetAddress": "722 NW 86th St Suite D",
398      "addressLocality": "Oklahoma City",
399      "addressRegion": "OK",
400      "postalCode": "73114",
401      "addressCountry": "US"
402    },
403    "geo": {
404      "@type": "GeoCoordinates",
405      "latitude": 35.5582,
406      "longitude": -97.5287
407    },
408    "openingHoursSpecification": [
409      {
410        "@type": "OpeningHoursSpecification",
411        "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
412        "opens": "08:00",
413        "closes": "20:00"
414      }
415    ],
416    "aggregateRating": {
417      "@type": "AggregateRating",
418      "ratingValue": "5.0",
419      "reviewCount": "500",
420      "bestRating": "5",
421      "worstRating": "1"
422    },
423    "review": [
424      {
425        "@type": "Review",
426        "reviewRating": {"@type": "Rating", "ratingValue": "5"},
427        "author": {"@type": "Person", "name": "Courtney Schaffer"},
428        "reviewBody": "Hands down the best tinting company we have ever used! Mike always goes above and beyond."
429      },
430      {
431        "@type": "Review",
432        "reviewRating": {"@type": "Rating", "ratingValue": "5"},
433        "author": {"@type": "Person", "name": "Chuck Mills"},
434        "reviewBody": "I have had many vehicles tinted but I have never had the outstanding personal service I received from Mike at Elite Window Tinting."
435      }
436    ],
437    "hasOfferCatalog": {
438      "@type": "OfferCatalog",
439      "name": "Window Tinting & Protection Services",
440      "itemListElement": [
441        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Automotive Window Tinting", "description": "XPEL ceramic window tinting for all vehicles. 98% heat rejection, 99% UV blocking."}},
442        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Paint Protection Film", "description": "XPEL ULTIMATE PLUS self-healing paint protection film. 10-year warranty."}},
443        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Ceramic Coatings", "description": "Professional nano-ceramic coating for deep gloss and hydrophobic protection."}},
444        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Residential Window Tinting", "description": "Home window tinting to reduce heat and energy costs up to 30%."}},
445        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Commercial Window Tinting", "description": "Office and storefront window films for energy savings and privacy."}},
446        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Windshield Protection Film", "description": "Clear windshield film to prevent rock chips and cracks."}},
447        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Vinyl Wraps", "description": "Full color-change vehicle wraps in matte, satin, gloss and chrome finishes."}},
448        {"@type": "Offer", "itemOffered": {"@type": "Service", "name": "Paint Corrections", "description": "Professional paint restoration to remove swirls, scratches and oxidation."}}
449      ]
450    },
451    "areaServed": [
452      {"@type": "City", "name": "Oklahoma City", "sameAs": "https://en.wikipedia.org/wiki/Oklahoma_City"},
453      {"@type": "City", "name": "Mustang"},
454      {"@type": "City", "name": "Edmond"},
455      {"@type": "City", "name": "Yukon"},
456      {"@type": "City", "name": "Norman"},
457      {"@type": "City", "name": "Moore"},
458      {"@type": "City", "name": "Midwest City"},
459      {"@type": "City", "name": "Bethany"}
460    ],
461    "sameAs": [
462      "https://www.facebook.com/EliteTintOKC/",
463      "https://www.instagram.com/elitetintokc/",
464      "https://elitetintmustang.com"
465    ],
466    "founder": {"@type": "Person", "name": "Mike"},
467    "foundingDate": "2009",
468    "numberOfEmployees": {"@type": "QuantitativeValue", "value": 5}
469  },
470  {
471    "@context": "https://schema.org",
472    "@type": "WebSite",
473    "@id": "https://elitetintokc.com/#website",
474    "url": "https://elitetintokc.com",
475    "name": "Elite Tint OKC",
476    "description": "Oklahoma City window tinting, paint protection film and ceramic coatings",
477    "publisher": {"@id": "https://elitetintokc.com/#business"},
478    "potentialAction": {
479      "@type": "SearchAction",
480      "target": "https://elitetintokc.com/?s={search_term_string}",
481      "query-input": "required name=search_term_string"
482    }
483  },
484  {
485    "@context": "https://schema.org",
486    "@type": "FAQPage",
487    "mainEntity": [
488      {
489        "@type": "Question",
490        "name": "What window tint films do you use?",
491        "acceptedAnswer": {"@type": "Answer", "text": "We exclusively use XPEL ceramic window films including Prime CS, Prime XR, and Prime XR Plus, offering up to 98% infrared heat rejection."}
492      },
493      {
494        "@type": "Question",
495        "name": "How long does window tinting take?",
496        "acceptedAnswer": {"@type": "Answer", "text": "A standard full car tint takes 2 to 4 hours. Most jobs are completed same-day."}
497      },
498      {
499        "@type": "Question",
500        "name": "What is the tint law in Oklahoma?",
501        "acceptedAnswer": {"@type": "Answer", "text": "Oklahoma requires front side windows to allow more than 25% VLT. Back side windows and rear windows on SUVs and trucks can be any darkness."}
502      },
503      {
504        "@type": "Question",
505        "name": "Do you offer a warranty?",
506        "acceptedAnswer": {"@type": "Answer", "text": "Yes, XPEL provides a transferable lifetime warranty on all window films and a 10-year warranty on paint protection film."}
507      },
508      {
509        "@type": "Question",
510        "name": "Where are you located?",
511        "acceptedAnswer": {"@type": "Answer", "text": "We have two locations: 722 NW 86th St Suite D, Oklahoma City, OK 73114 and 308 W State Hwy 152 Unit 112, Mustang, OK 73064. Open 7 days a week 8AM to 8PM."}
512      }
513    ]
514  }
515]
516
517
518
519// Locations dropdown
520(function(){
521  var li=document.getElementById('loc-li'),mega=document.getElementById('loc-mega');
522  if(!li||!mega)return;
523  li.querySelector('a').addEventListener('click',function(e){
524    e.stopPropagation();
525    var isOpen=mega.style.display==='block';
526    mega.style.display=isOpen?'none':'block';
527    li.classList.toggle('open',!isOpen);
528  });
529  document.addEventListener('click',function(e){
530    if(!li.contains(e.target)){mega.style.display='none';li.classList.remove('open');}
531  });
532  if(window.matchMedia('(hover:hover)').matches){
533    var t;
534    li.addEventListener('mouseenter',function(){clearTimeout(t);mega.style.display='block';li.classList.add('open')});
535    li.addEventListener('mouseleave',function(){t=setTimeout(function(){mega.style.display='none';li.classList.remove('open')},160)});
536    mega.addEventListener('mouseenter',function(){clearTimeout(t)});
537    mega.addEventListener('mouseleave',function(){t=setTimeout(function(){mega.style.display='none';li.classList.remove('open')},160)});
538  }
539})();
540
541// ── Locations dropdown ────────────────────────────────────────
542(function(){
543  var locLi = document.getElementById('loc-li');
544  var locMega = document.getElementById('loc-mega');
545  if(!locLi || !locMega) return;
546
547  // Click to toggle
548  var locBtn = locLi.querySelector('a');
549  if(locBtn){
550    locBtn.addEventListener('click', function(e){
551      e.stopPropagation();
552      var isOpen = locMega.style.display === 'block';
553      locMega.style.display = isOpen ? 'none' : 'block';
554      locLi.classList.toggle('open', !isOpen);
555    });
556  }
557
558  // Close on outside click
559  document.addEventListener('click', function(e){
560    if(!locLi.contains(e.target)){
561      locMega.style.display = 'none';
562      locLi.classList.remove('open');
563    }
564  });
565
566  // Hover for desktop
567  if(window.matchMedia('(hover:hover)').matches){
568    var t;
569    locLi.addEventListener('mouseenter', function(){ clearTimeout(t); locMega.style.display='block'; locLi.classList.add('open'); });
570    locLi.addEventListener('mouseleave', function(){ t=setTimeout(function(){ locMega.style.display='none'; locLi.classList.remove('open'); }, 160); });
571    locMega.addEventListener('mouseenter', function(){ clearTimeout(t); });
572    locMega.addEventListener('mouseleave', function(){ t=setTimeout(function(){ locMega.style.display='none'; locLi.classList.remove('open'); }, 160); });
573  }
574})();
575
576</script>
576
577<meta name="description" content="Oklahoma City's #1 XPEL-certified window tinting, paint protection film & ceramic coatings. Two locations. Lifetime warranty. Free quotes. (405) 256-8035.">
578<meta name="keywords" content="paint protection film OKC, PPF Oklahoma City, XPEL PPF OKC, clear bra Oklahoma City, paint protection film near me, XPEL ULTIMATE PLUS OKC, full front PPF OKC, self healing paint protection film, ceramic coating OKC, ceramic coating Oklahoma City, window tinting Oklahoma City, window tint OKC, ceramic tint OKC, XPEL window tint Oklahoma City, car tinting near me, best window tint shop OKC, window tinting Mustang OK, window tinting Edmond OK, window tinting Yukon OK, window tinting Norman OK, XPEL certified installer OKC, automotive window tinting Oklahoma City, paint correction OKC, vinyl wrap OKC">
579<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
580<meta name="googlebot" content="index, follow">
581<meta name="author" content="Elite Window Tinting OKC">
582<meta name="geo.region" content="US-OK">
583<meta name="geo.placename" content="Oklahoma City, Oklahoma">
584<meta name="geo.position" content="35.5582;-97.5287">
585<meta name="ICBM" content="35.5582, -97.5287">
586<meta property="og:type" content="website">
587<meta property="og:url" content="https://elitetintokc.com/">
588<meta property="og:title" content="Elite Tint OKC | Window Tinting & Paint Protection OKC">
589<meta property="og:description" content="Oklahoma City's #1 XPEL-certified window tinting, paint protection film & ceramic coatings. Two locations. Lifetime warranty. Free quotes. (405) 256-8035.">
590<meta property="og:image" content="https://elitetintokc.com/og-image.jpg">
591<meta property="og:image:secure_url" content="https://elitetintokc.com/og-image.jpg">
592<meta property="og:image:width" content="1200">
593<meta property="og:image:height" content="580">
594<meta property="og:site_name" content="Elite Tint OKC">
595<meta property="og:locale" content="en_US">
596<meta name="twitter:card" content="summary_large_image">
597<meta name="twitter:title" content="Elite Tint OKC | Window Tinting & Paint Protection OKC">
598<meta name="twitter:description" content="Oklahoma City's #1 XPEL-certified window tinting, paint protection film & ceramic coatings. Two locations. Lifetime warranty. Free quotes. (405) 256-8035.">
599<meta name="twitter:image" content="https://elitetintokc.com/og-image.jpg">
600<link rel="canonical" href="https://elitetintokc.com/">
601<link rel="sitemap" type="application/xml" href="/sitemap.xml">
602<meta name="theme-color" content="#0D0D0D">
603<meta name="msapplication-TileColor" content="#0D0D0D">
604<meta name="msapplication-TileImage" content="/icon-192.png">
605<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
606<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
607<link rel="shortcut icon" href="/favicon.ico">
608<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
609<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 609-610
609
610<script async src="https://www.googletagmanager.com/gtag/js?id=
610AW-10790058058
vendor: 12 bytes, line 610
610"></script>
611<script>
612  
vendor: 133 bytes, lines 612-615
612window.dataLayer = window.dataLayer || [];
613  function gtag(){dataLayer.push(arguments);}
614  gtag('js', new Date());
615  gtag('config', '
615AW-10790058058
vendor: 4 bytes, line 615
615');
616</script>
616
617</head>
618<body>
619<a href="#main-content" class="skip-link" style="pointer-events:none">Skip to main content</a>
620<nav id="nav" role="navigation" aria-label="Main navigation">
621  <div id="nav-top" style="position:relative">
622  
623    <div style="display:flex;align-items:center;gap:1.5rem">
624      <div style="display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" style="color:var(--muted)" onmouseover="this.style.color='var(--gd)'" onmouseout="this.style.color='var(--muted)'">(405) 256-8035</a></div>
625      <div style="display:flex;align-items:flex-start;gap:.4rem;font-size:.7rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="color:var(--muted)">722 NW 86th St Suite D, Oklahoma City, OK</a></div>
626    </div>
627    <div style="display:flex;align-items:center;gap:.75rem">
628      <span style="font-size:.69rem;color:var(--muted)">Mon–Sun 8AM–8PM</span>
629      <a href="https://www.facebook.com/EliteTintOKC/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="nt-soc"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
630      <a href="https://www.instagram.com/elitetintokc/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="nt-soc"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
631    </div>
632  </div>
633  <div id="nav-main">
634    <div style="display:flex;align-items:center;flex:1;width:100%"><a class="nav-logo" href="javascript:void(0)" onclick="showPage('home');closeMob();" role="button" aria-label="Go to home page" tabindex="0" style="cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation">
635      <img src="/img/logo-transparent.png?v=20260524b" alt="Elite Tint OKC" width="220" height="136">
636      <div style="display:flex;flex-direction:column;justify-content:center;line-height:1.25;padding-left:.9rem;margin-left:.6rem" class="nav-brand">
637      <span style="font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:var(--text);white-space:nowrap">Elite Window Tinting</span>
638      <span style="font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);white-space:nowrap">OKLAHOMA CITY, OKLAHOMA</span>
639    </div>
640    </a>
641    <ul class="nav-links">
642      <li><a href="javascript:void(0)" onclick="showPage('home')" id="nl-home">Home</a></li>
643      <li id="svc-li">
644        <a id="nl-svc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Services <span class="arr">▾</span></a>
645        <div class="svc-mega" id="svc-mega"><div class="svc-mega-inner">
646          <div class="mega-item" onclick="showPage('svc-auto')" tabindex="0" role="button"><div class="mega-icon">🚗</div><div class="mega-text"><h4>Automotive Tinting</h4><p>XPEL ceramic, 98% heat rejection</p></div></div>
647          <div class="mega-item" onclick="showPage('svc-ppf')" tabindex="0" role="button"><div class="mega-icon">🛡️</div><div class="mega-text"><h4>Paint Protection Film</h4><p>Self-healing PPF, chips & debris</p></div></div>
648          <div class="mega-item" onclick="showPage('svc-residential')" tabindex="0" role="button"><div class="mega-icon">🏠</div><div class="mega-text"><h4>Residential Tinting</h4><p>Save up to 30% on cooling costs</p></div></div>
649          <div class="mega-item" onclick="showPage('svc-commercial')" tabindex="0" role="button"><div class="mega-icon">🏢</div><div class="mega-text"><h4>Commercial Tinting</h4><p>Office & storefront window films</p></div></div>
650          <div class="mega-item" onclick="showPage('svc-windshield')" tabindex="0" role="button"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5" xmlns="http://www.w3.org/2000/svg"><path d="M3 17h18M3 17l1.5-5h13L19 17M3 17H2M19 17h1M6.5 12l2-4h7l2 4" stroke="currentColor"/><path d="M7 12h10" stroke="var(--gd)" stroke-width="2"/><circle cx="6.5" cy="18.5" r="1.5" fill="currentColor"/><circle cx="17.5" cy="18.5" r="1.5" fill="currentColor"/></svg></div><div class="mega-text"><h4>Windshield Protection</h4><p>Clear film, prevents chips & cracks</p></div></div>
651          <div class="mega-item" onclick="showPage('svc-vinyl')" tabindex="0" role="button"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:var(--gd);fill:none;stroke-width:1.5"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/></svg></div><div class="mega-text"><h4>Vinyl Wraps</h4><p>Full color-change, matte & gloss</p></div></div>
652          <div class="mega-item" onclick="showPage('svc-ceramic')" tabindex="0" role="button"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:var(--gd);fill:none;stroke-width:1.5"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/></svg></div><div class="mega-text"><h4>Ceramic Coatings</h4><p>Hydrophobic nano-ceramic protection</p></div></div>
653          <div class="mega-item" onclick="showPage('svc-correction')" tabindex="0" role="button"><div class="mega-icon">✨</div><div class="mega-text"><h4>Paint Corrections</h4><p>Remove swirls, scratches & oxidation</p></div></div>
654        </div>
655      </li>
656      <li id="loc-li" style="position:relative">
657        <a id="nl-loc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Locations <span class="arr">▾</span></a>
658        <div class="svc-mega" id="loc-mega" style="display:none;min-width:340px;background:var(--bg2);border:1px solid var(--line-gd);position:absolute;top:100%;left:0;z-index:400;box-shadow:0 8px 32px rgba(0,0,0,.6)">
659          <div class="mega-inner" style="display:grid;grid-template-columns:1fr 1fr;gap:.25rem">
660            <a href="/window-tinting-oklahoma-city-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Oklahoma City</h4></div></a>
661            <a href="/window-tinting-edmond-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Edmond</h4></div></a>
662            <a href="/window-tinting-mustang-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Mustang</h4></div></a>
663            <a href="/window-tinting-yukon-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Yukon</h4></div></a>
664            <a href="/window-tinting-norman-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Norman</h4></div></a>
665            <a href="/window-tinting-moore-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Moore</h4></div></a>
666            <a href="/window-tinting-nichols-hills-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Nichols Hills</h4></div></a>
667            <a href="/window-tinting-deer-creek-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Deer Creek</h4></div></a>
668            <a href="/window-tinting-piedmont-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Piedmont</h4></div></a>
669            <a href="/window-tinting-midwest-city-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Midwest City</h4></div></a>
670            <a href="/window-tinting-bethany-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Bethany</h4></div></a>
671            <a href="/window-tinting-choctaw-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Choctaw</h4></div></a>
672            <a href="/window-tinting-tuttle-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Tuttle</h4></div></a>
673            <a href="/window-tinting-blanchard-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Blanchard</h4></div></a>
674            <a href="/window-tinting-newcastle-ok" class="mega-item" style="text-decoration:none;color:inherit"><div class="mega-icon">📍</div><div class="mega-text"><h4>Newcastle</h4></div></a>
675          </div>
676        </div>
677      </li>
678      <li><a href="javascript:void(0)" onclick="showPage('faqs')" id="nl-faqs">FAQs</a></li>
679      <li><a href="javascript:void(0)" onclick="showPage('laws')" id="nl-laws">Tint Laws</a></li>
680      <li><a href="javascript:void(0)" onclick="showPage('about')" id="nl-about">About</a></li>
681      <li><a href="javascript:void(0)" onclick="showPage('contact')" id="nl-contact">Contact</a></li>
682    </ul>
683    <div class="nav-r">
684      <a href="tel:4052568035" class="nav-call-btn"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> (405) 256-8035</a>
685      <button class="nav-quote-btn" onclick="openModal()">Free Quote</button>
686      <a href="tel:4052568035" class="mob-nav-ph" aria-label="Call Elite Tint OKC"><svg viewBox="0 0 24 24" style="width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg></a>
687      <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="mob-nav-loc" aria-label="Get directions"><svg viewBox="0 0 24 24" style="width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><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></a>
688      <button class="ham" id="ham" aria-label="Open navigation menu" role="button" aria-label="Open menu">☰</button>
689    </div>
690  </div>
691</nav>
692<div id="mob-nav">
693  <a href="javascript:void(0)" class="mob-l" onclick="showPage('home');closeMob()" style="display:block;text-decoration:none;color:inherit">Home</a>
694  <button class="mob-l" id="mob-svc-t" onclick="toggleMobSvc()" aria-haspopup="true" aria-expanded="false" aria-expanded="false" aria-controls="mob-svc-list">Services ▾</button>
695  <div class="mob-svc-list" id="mob-svc-list">
696    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-auto');closeMob()" style="display:block;text-decoration:none;color:inherit">Automotive Tinting</a>
697    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-ppf');closeMob()" style="display:block;text-decoration:none;color:inherit">Paint Protection Film</a>
698    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-ceramic');closeMob()" style="display:block;text-decoration:none;color:inherit">Ceramic Coatings</a>
699    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-residential');closeMob()" style="display:block;text-decoration:none;color:inherit">Residential Tinting</a>
700    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-commercial');closeMob()" style="display:block;text-decoration:none;color:inherit">Commercial Tinting</a>
701    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-windshield');closeMob()" style="display:block;text-decoration:none;color:inherit">Windshield Protection</a>
702    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-correction');closeMob()" style="display:block;text-decoration:none;color:inherit">Paint Corrections</a>
703    <a href="javascript:void(0)" class="mob-sl" onclick="showPage('svc-vinyl');closeMob()" style="display:block;text-decoration:none;color:inherit">Vinyl Wraps</a>
704  </div>
705  <button class="mob-l" id="mob-loc-t" onclick="var l=document.getElementById('mob-loc-list');var o=l.style.display==='flex';l.style.display=o?'none':'flex';this.textContent=o?'Locations ▾':'Locations ▴'">Locations ▾</button>
706  <div id="mob-loc-list" style="display:none;flex-direction:column;padding-left:1rem;gap:.1rem">
707    <a href="/window-tinting-oklahoma-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Oklahoma City</a>
708    <a href="/window-tinting-edmond-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Edmond</a>
709    <a href="/window-tinting-mustang-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Mustang</a>
710    <a href="/window-tinting-yukon-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Yukon</a>
711    <a href="/window-tinting-norman-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Norman</a>
712    <a href="/window-tinting-moore-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Moore</a>
713    <a href="/window-tinting-nichols-hills-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Nichols Hills</a>
714    <a href="/window-tinting-deer-creek-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Deer Creek</a>
715    <a href="/window-tinting-piedmont-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Piedmont</a>
716    <a href="/window-tinting-midwest-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Midwest City</a>
717    <a href="/window-tinting-bethany-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Bethany</a>
718    <a href="/window-tinting-choctaw-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Choctaw</a>
719    <a href="/window-tinting-tuttle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Tuttle</a>
720    <a href="/window-tinting-blanchard-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Blanchard</a>
721    <a href="/window-tinting-newcastle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Newcastle</a>
722  </div>
723  <a href="javascript:void(0)" class="mob-l" onclick="showPage('faqs');closeMob()" style="display:block;text-decoration:none;color:inherit">FAQs</a>
724  <a href="javascript:void(0)" class="mob-l" onclick="showPage('laws');closeMob()" style="display:block;text-decoration:none;color:inherit">Tint Laws</a>
725  <a href="javascript:void(0)" class="mob-l" onclick="showPage('about');closeMob()" style="display:block;text-decoration:none;color:inherit">About</a>
726  <a href="javascript:void(0)" class="mob-l" onclick="showPage('contact');closeMob()" style="display:block;text-decoration:none;color:inherit">Contact</a>
727  <div class="mob-acts">
728    <a href="tel:4052568035" class="mob-call"><svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> (405) 256-8035</a>
729    <button class="mob-quote" onclick="openModal();closeMob()">Get Free Quote</button>
730  </div>
731</div>
732<div id="main-content"><div id="page-home" role="main" aria-live="polite" class="page active">
733  <section style="position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-bottom:70px;background:var(--bg)">
734    <div style="position:absolute;inset:0;z-index:0">
735  <div style="position:absolute;inset:0;background:#0a0a0a"></div>
736  <div style="position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 75% 50%,rgba(200,151,58,.06) 0%,transparent 65%)"></div>
737  <div style="position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(200,151,58,.5) 20%,rgba(200,151,58,.5) 80%,transparent)"></div>
738  <div style="position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,151,58,.15),transparent)"></div>
739  <img src="/img/hero-logo.png?v=20260524b" alt="" aria-hidden="true" role="presentation" class="hero-bg-logo" loading="eager" width="520" height="322" style="position:absolute;right:20%;top:50%;transform:translateY(-50%);width:min(48vw,520px);height:auto;opacity:.1;z-index:1;filter:grayscale(20%) drop-shadow(0 0 60px rgba(200,151,58,.3));pointer-events:none!important;user-select:none">
740</div>
741<div style="position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,8,8,.98) 40%,rgba(8,8,8,.6) 75%,rgba(8,8,8,.1) 100%);z-index:1"></div>
742    <div class="hero-content-inner" style="position:relative;z-index:2;padding:150px 2rem 4rem;max-width:720px">
743      <div style="display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.4rem"><span style="width:32px;height:1px;background:var(--gd);display:block"></span>Protect Your Home and Vehicle in Style</div>
744      <h1 style="font-family:var(--fd);font-size:clamp(2.6rem,8vw,8rem);line-height:.93;letter-spacing:.02em;margin-bottom:.7rem">Oklahoma City's<br><span style="color:var(--gd)">#1 Window Tinting</span></h1>
745      <p style="font-size:clamp(.9rem,3vw,1.05rem);line-height:1.7;
745color:var(--mid);max-width:460px;margin-bottom:2.4rem">Transform your vehicle and home with premium XPEL ceramic tint, blocking heat, protecting interiors, and enhancing privacy with crystal clarity.</p>
746      <div style="display:flex;gap:1rem;flex-wrap:wrap;align-items:center">
747        <button class="btn-gold btn-hero" style="-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="openModal()">Get Your Free Quote Now</button>
748        <a href="tel:4052568035" class="btn-ol-gd btn-hero"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> (405) 256-8035</a>
749      </div>
750      <img src="/img/hero-logo.png?v=20260524b" alt="" aria-hidden="true" role="presentation" class="hero-mobile-logo" style="display:none;width:200px;margin:2rem auto 0;opacity:.2;filter:drop-shadow(0 0 25px rgba(200,151,58,.5))">
751    </div>
752    <div style="position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;background:rgba(8,8,8,.7);backdrop-filter:blur(8px)">
753      <div style="flex:1;text-align:center;padding:.75rem .5rem;border-right:1px solid rgba(200,151,58,.2)"><span style="font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--gd);display:block">99%</span><span style="font-size:clamp(.5rem,.8vw,.65rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)">UV Protection</span></div>
754      <div style="flex:1;text-align:center;padding:.75rem .5rem;border-right:1px solid rgba(200,151,58,.2)"><span style="font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--gd);display:block">98%</span><span style="font-size:clamp(.5rem,.8vw,.65rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)">Heat Rejection</span></div>
755      <div style="flex:1;text-align:center;padding:.75rem .5rem"><span style="font-family:var(--fd);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--gd);display:block">∞</span><span style="font-size:clamp(.5rem,.8vw,.65rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)">Lifetime Warranty</span></div>
756    </div>
757  </section>
758  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
759  <section style="padding:7rem 0;background:var(--bg)">
760    <div class="wrap">
761      <div class="g2" style="gap:7rem;align-items:center">
762        <div>
763          <div class="eyebrow">Introduction</div>
764          <h2 class="sec-title">#1 Ceramic Window <span>Tinting in OKC</span></h2>
765          <p style="font-size:1rem;line-height:1.75;color:var(--mid);margin:1rem 0 2rem">Transform your vehicle or property with premium ceramic tint that blocks heat, protects against UV damage, and enhances privacy while maintaining a sleek aesthetic.</p>
766          <button class="btn-gold" onclick="scrollToSvc()">View Our Services →</button>
767        </div>
768        <div>
769          <div class="feat"><div><div class="feat-title">Heat Rejection</div><div class="feat-desc">Block up to 98% of IR heat with XPEL nano-ceramic technology.</div></div><div class="feat-val">98%</div></div>
770          <div class="feat"><div><div class="feat-title">UV Protection</div><div class="feat-desc">99% of harmful UV rays blocked, protect skin and interiors.</div></div><div class="feat-val">99%</div></div>
771          <div class="feat"><div><div class="feat-title">Crystal Clarity</div><div class="feat-desc">
771No metallic interference with GPS, cellular, or electronics.</div></div><div class="feat-val">0×</div></div>
772          <div class="feat"><div><div class="feat-title">Lifetime Warranty</div><div class="feat-desc">Transferable XPEL warranty, forever.</div></div><div class="feat-val">∞</div></div>
773        </div>
774      </div>
775    </div>
776  </section>
777  <section style="padding:7rem 0;background:var(--bg2)" id="svc-section">
778    <div class="wrap">
779      <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;flex-wrap:wrap;gap:1.5rem">
780        <div><div class="eyebrow">Our Services</div><h2 class="sec-title">Choose Your <span>Service</span></h2></div>
781        <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
782      </div>
783      <div class="svc-grid">
784        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-auto')" tabindex="0" role="button">
785  <div class="svc-card-img"><img src="/img/img09.jpg?v=20260524b" decoding="async" alt="Automotive window tinting on Tesla Model Y in Oklahoma City" width="800" height="400"></div>
786  <div class="svc-card-body">
787    <div class="svc-card-tag">Service, 01</div>
788    <h3>Automotive Window Tinting</h3>
789    <p>Block 98% heat, 99% UV. XPEL ceramic film for all vehicle makes and models.</p>
790    <div class="svc-card-links">
791      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
792      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
793    </div>
794  </div>
795</div>
796        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-ppf')" tabindex="0" role="button">
797  <div class="svc-card-img"><img src="/img/img10.jpg?v=20260524b" decoding="async" alt="Paint protection film installation on vehicle in OKC shop" width="800" height="400"></div>
798  <div class="svc-card-body">
799    <div class="svc-card-tag">Service, 02</div>
800    <h3>Paint Protection Film</h3>
801    <p>Self-healing XPEL ULTIMATE. Invisible armor against chips and scratches.</p>
802    <div class="svc-card-links">
803      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
804      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
805    </div>
806  </div>
807</div>
808        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-residential')" tabindex="0" role="button">
809  <div class="svc-card-img"><img src="/img/img03.jpg?v=20260524b" decoding="async" alt="Residential window tinting on Oklahoma home" width="800" height="400"></div>
810  <div class="svc-card-body">
811    <div class="svc-card-tag">Service, 04</div>
812    <h3>Residential Tinting</h3>
813    <p>Keep your home cooler. Block heat, reduce glare, save up to 30% on energy.</p>
814    <div class="svc-card-links">
815      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
816      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
817    </div>
818  </div>
819</div>
820        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-commercial')" tabindex="0" role="button">
821  <div class="svc-card-img"><img src="/img/img13.jpg?v=20260524b" decoding="async" alt="Commercial window tinting on office building" width="800" height="400"></div>
822  <div class="svc-card-body">
823    <div class="svc-card-tag">Service, 05</div>
824    <h3>Commercial Tinting</h3>
825    <p>
825Reduce energy costs up to 30%. Films for offices and storefronts.</p>
826    <div class="svc-card-links">
827      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
828      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
829    </div>
830  </div>
831</div><div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-windshield')" tabindex="0" role="button">
832  <div class="svc-card-img"><img src="/img/img14.jpg?v=20260524b" decoding="async" alt="Windshield protection film on Ford Bronco" width="800" height="400"></div>
833  <div class="svc-card-body">
834    <div class="svc-card-tag">Service, 06</div>
835    <h3>Windshield Protection Film</h3>
836    <p>Clear film prevents chips and cracks. Perfect optical clarity.</p>
837    <div class="svc-card-links">
838      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
839      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
840    </div>
841  </div>
842</div>
843        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-vinyl')" tabindex="0" role="button">
844  <div class="svc-card-img"><img src="/img/img16.jpg?v=20260524b" decoding="async" alt="Vinyl wrap on Porsche GT3RS" width="800" height="400"></div>
845  <div class="svc-card-body">
846    <div class="svc-card-tag">Service, 08</div>
847    <h3>Vinyl Wraps</h3>
848    <p>Full or partial color-change wraps. Matte, satin, gloss, chrome & custom.</p>
849    <div class="svc-card-links">
850      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
851      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
852    </div>
853  </div>
854</div><div class="svc-card svc-card-ceramic" onclick="showPage('svc-ceramic')" tabindex="0" role="button">
855  <div class="svc-card-img"><img src="/img/img11.jpg?v=20260524b" decoding="async" alt="Ceramic coating on Toyota Tundra truck" width="800" height="400"></div>
856  <div class="svc-card-body">
857    <div class="svc-card-tag">Service, 03</div>
858    <h3>Ceramic Coatings</h3>
859    <p>Professional nano-ceramic coating. Deep gloss, hydrophobic protection.</p>
860    <div class="svc-card-links">
861      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
862      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
863    </div>
864  </div>
865</div>
866        <div class="svc-card" style="cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation" onclick="showPage('svc-correction')" tabindex="0" role="button">
867  <div class="svc-card-img"><img src="/img/img08.jpg?v=20260524b" decoding="async" alt="Paint correction on Ford F-250 Super Duty" width="800" height="400"></div>
868  <div class="svc-card-body">
869    <div class="svc-card-tag">Service, 07</div>
870    <h3>Paint Corrections</h3>
871    <p>Remove swirls, scratches, oxidation. Restore showroom condition.</p>
872    <div class="svc-card-links">
873      <button onclick="event.stopPropagation();openModal()" class="mini-btn">Get Quote<span class="sr-only"> for this service</span></button>
874      <span style="font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)" role="button" tabindex="0" aria-label="View service details">Details →</span>
875    </div>
876  </div>
877</div>
878        
879        
880      </div>
881    </div>
882  </section>
883  <section style="padding:7rem 0;background:var(--bg)">
884    <div class="wrap">
885      <div style="text-align:center;margin-bottom:3rem">
886        <h2 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,6rem);line-height:.93;letter-spacing:.04em;color:var(--text)">Oklahoma's <span style="color:var(--gd)">#1 Window Tint Shop</span></h2>
887      </div>
888      <div class="g2" style="gap:6rem;align-items:start">
889        <div><img src="/img/vette.jpg?v=20260524b" alt="XPEL ceramic tint on Corvette ZR1 Oklahoma City" decoding="async" width="800" height="520" class="vette-img" style="width:100%;height:520px;object-fit:cover"></div>
890        <div>
891          <div class="eyebrow">Tinting Benefits</div>
892          <h2 class="sec-title" style="margin-bottom:.75rem">Oklahoma City's <span>Premier Ceramic Tinting</span></h2>
893          <p style="font-size:.9rem;color:var(--muted);margin-bottom:2.5rem;line-height:1.7">XPEL-certified ceramic window tinting for cars, trucks & SUVs in OKC. Beat the Oklahoma heat, protect your interior, and enhance privacy, backed by a lifetime warranty.</p>
894          <div class="feat"><div><div class="feat-title">XPEL Prime XR Plus, 98% IR Heat Rejection</div><div class="feat-desc">Top-tier ceramic technology, zero signal interference.</div></div></div>
895          <div class="feat"><div><div class="feat-title">UV Protection, 99% UV Blocking</div><div class="feat-desc">Protect skin and prevent interior fading and cracking.</div></div></div>
896          <div class="feat"><div><div class="feat-title">Glare Reduction, Enhanced Visibility</div><div class="feat-desc">Cut harsh sunlight without darkening your view.</div></div></div>
897          <div class="feat"><div><div class="feat-title">Energy Efficiency, Less AC, More Range</div><div class="feat-desc">Reduce AC usage. Improve EV range in Oklahoma heat.</div></div></div>
898          <div class="feat"><div><div class="feat-title">Lifetime Warranty, Always Protected</div><div class="feat-desc">Transferable XPEL warranty covers everything, forever.</div></div></div>
899        </div>
900      </div>
901    </div>
902  </section>
903  <section style="padding:7rem 0;background:var(--bg2)" id="reviews">
904    <div class="wrap">
905      <div style="margin-bottom:3.5rem">
906        <div class="eyebrow">Reviews</div>
907        <h2 class="sec-title">Over <span>500+ 5-Star Reviews</span></h2>
908        <div style="color:var(--gd);font-size:.9rem;margin-top:.4rem">★★★★★ <span style="color:var(--muted);font-size:.85rem">5.0 · Over 500+ verified Google reviews</span></div>
909      </div>
910      <div class="g3">
911        <a href="https://maps.app.goo.gl/cZPBkGYkWb7eDiwV9" target="_blank" rel="noopener noreferrer" class="rev-card"><div style="color:var(--gd);font-size:.85rem;margin-bottom:.85rem">★★★★★</div><p style="font-size:.88rem;line-height:1.7;
911color:var(--mid);font-style:italic;margin-bottom:1.4rem">"Hands down the best tinting company we've ever used! Mike always goes above and beyond. Everything 100% warrantied and he gets us scheduled quickly."</p><div style="font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase">Courtney Schaffer</div><div style="font-size:.75rem;color:var(--muted)">Oklahoma City</div></a>
912        <a href="https://maps.app.goo.gl/9VYLP5to6dUBEP1D6" target="_blank" rel="noopener noreferrer" class="rev-card"><div style="color:var(--gd);font-size:.85rem;margin-bottom:.85rem">★★★★★</div><p style="font-size:.88rem;line-height:1.7;color:var(--mid);font-style:italic;margin-bottom:1.4rem">"I've had many vehicles tinted but I've never had the outstanding personal service I received from Mike at Elite Window Tinting. 5 stars isn't enough."</p><div style="font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase">Chuck Mills</div><div style="font-size:.75rem;color:var(--muted)">Edmond</div></a>
913        <a href="https://maps.app.goo.gl/mXbqQmNssk13RyGk9" target="_blank" rel="noopener noreferrer" class="rev-card"><div style="color:var(--gd);font-size:.85rem;margin-bottom:.85rem">★★★★★</div><p style="font-size:.88rem;line-height:1.7;color:var(--mid);font-style:italic;margin-bottom:1.4rem">"Mike and his crew absolutely killed it. If you're thinking about getting your windows tinted, go see Elite Tint. Quality work, solid advice, couldn't be happier."</p><div style="font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase">Kye White</div><div style="font-size:.75rem;color:var(--muted)">Norman</div></a>
914      </div>
915      <div style="text-align:center;margin-top:3rem"><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="btn-ol-gd">See All Google Reviews →</a></div>
916    </div>
917  </section>
918  <section style="padding:7rem 0;background:var(--bg)">
919    <div class="wrap">
920      <div class="eyebrow">Find Us</div>
921      <h2 class="sec-title" style="margin-bottom:3.5rem">Two Locations <span>Serving OKC</span></h2>
922      <div class="g2">
923        <div class="loc-card">
924          <div class="loc-tag">Main Location</div>
925          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1.5rem">Oklahoma City</h3>
926          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="color:var(--mid)">722 NW 86th St Suite D, Oklahoma City, OK 73114</a></div>
927          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" style="color:var(--mid)">(405) 256-8035</a></div>
928          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg><span>Mon – Sun · 8AM – 8PM</span></div>
929          <div style="margin-top:1.5rem"><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="btn-ol-gd" style="padding:.75rem 1.5rem;font-size:.72rem">Get Directions →</a></div>
930        </div>
931        <div class="loc-card" style="border-color:rgba(200,151,58,.5)">
932          <div class="loc-tag">2nd Location <span style="background:var(--gd);color:var(--bk);font-size:.6rem;padding:.2rem .6rem;letter-spacing:.12em;vertical-align:middle;margin-left:.5rem">NEW</span></div>
933          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1.5rem">Mustang, OK</h3>
934          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);
934fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" style="color:var(--mid)">308 W State Hwy 152 Unit 112, Mustang, OK 73064</a></div>
935          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052989558" style="color:var(--mid)">(405) 298-9558</a></div>
936          <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg><span>Mon – Sun · 8AM – 8PM</span></div>
937          <div style="margin-top:1.5rem"><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="btn-ol-gd" style="padding:.75rem 1.5rem;font-size:.72rem">Book at Mustang →</a></div>
938        </div>
939      </div>
940    </div>
941  </section>
942  
943  <!-- SEO Content Section -->
944  <section style="background:var(--bg2);padding:5rem 0">
945    <div class="wrap">
946      <div style="max-width:860px;margin:0 auto">
947        <div class="eyebrow sr">Oklahoma City, OK</div>
948        <h2 class="sec-title sr" style="margin-bottom:1.5rem">Oklahoma City's Most Trusted <span>Window Tinting Shop</span></h2>
949        <div style="display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem" class="sr">
950          <div>
951            <p style="color:var(--muted);line-height:1.8;font-size:.9rem">Elite Tint OKC is Oklahoma City's premier XPEL-certified window tinting and paint protection shop. Unlike budget tint shops using basic dyed films, we exclusively install <strong style="color:var(--text)">XPEL Prime ceramic window film</strong> — blocking 98% of infrared heat and 99% of UV rays with a <strong style="color:var(--text)">transferable lifetime warranty</strong>.</p>
952            <p style="color:var(--muted);line-height:1.8;font-size:.9rem;margin-top:1rem">With over <strong style="color:var(--text)">500 five-star reviews</strong> and two convenient OKC locations, we've been protecting Oklahoma City vehicles since 2009. We're open <strong style="color:var(--text)">7 days a week, 8AM–8PM</strong> — including weekends when other shops are closed.</p>
953          </div>
954          <div>
955            <p style="color:var(--muted);line-height:1.8;font-size:.9rem">We serve all Oklahoma City metro areas including <strong style="color:var(--text)">Mustang, Edmond, Yukon, Norman, Moore, Midwest City, Bethany, Piedmont, and Tuttle</strong>
955. Our certified installers handle everything from single-car tint jobs to full fleet vehicles.</p>
956            <p style="color:var(--muted);line-height:1.8;font-size:.9rem;margin-top:1rem">Every installation includes a <strong style="color:var(--text)">free inspection, precision cut using digital templates</strong>, and post-install quality check. We stand behind every job with our lifetime no-fault warranty.</p>
957          </div>
958        </div>
959        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem" class="sr">
960          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
961            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">500+</div>
962            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">5-Star Reviews</div>
963          </div>
964          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
965            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">15+</div>
966            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">Years Experience</div>
967          </div>
968          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
969            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">98%</div>
970            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">Heat Rejection</div>
971          </div>
972          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
973            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">2</div>
974            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">OKC Locations</div>
975          </div>
976          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
977            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">7</div>
978            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">Days a Week</div>
979          </div>
980          <div style="background:var(--bg3);padding:1.25rem;border:1px solid var(--line);text-align:center">
981            <div style="font-family:var(--fd);font-size:2rem;color:var(--gd)">✓</div>
982            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase">Financing Available</div>
983          </div>
984        </div>
985      </div>
986    </div>
987  </section>
988  <div class="cta-strip">
989  <div class="wrap cta-i">
990    <div>
991      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready to Beat the Oklahoma Heat?</h2>
992      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">Free quotes · Fast scheduling · Lifetime warranty</p>
993    </div>
994    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
995      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
996      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
997    </div>
998  </div>
999</div>
1000</div>
1001<div id="page-svc-auto" class="page page-pt">
1002  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1003    <div class="ph-bg" style="background-position:center 40%;background-image:url('/img/bg00.jpg')"></div>
1004    <div class="ph-ov"></div>
1005    <div class="ph-body">
1006      <div class="ph-tag">Premium XPEL Ceramic Film</div>
1007      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Automotive Window Tinting</h1>
1008      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Automotive Window Tinting</span></div>
1009      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1010    </div>
1011  </div>
1012  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1013  <section style="padding:6rem 0;background:var(--bg)">
1014    <div class="wrap">
1015      <div class="g2" style="gap:6rem;align-items:center">
1016        <div><img src="/img/auto_page.jpg?v=20260524b" alt="Full Tesla Model Y with XPEL ceramic window tint" width="1200" height="700" style="width:100%;height:auto;object-fit:contain;background:#0d0d0d;display:block" decoding="async"></div>
1017        <div>
1018          <div class="eyebrow">Service, 01</div>
1019          <h2 class="sec-title" style="margin-bottom:1.25rem">Automotive Window Tinting</h2>
1020          <p style="font-size:1rem;line-height:1.75;
1020color:var(--mid);margin-bottom:1.1rem">Transform your driving experience with premium XPEL ceramic window tinting. Block 98% heat, 99% UV, zero signal interference, lifetime warranty on every install.</p>
1021          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Our XPEL-certified installers use precision computer-cut patterns. Every install is bubble-free, perfectly fitted, and fully street-legal per Oklahoma law.</p>
1022          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1023            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1024            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1025          </div>
1026        </div>
1027      </div>
1028    </div>
1029  </section>
1030  <section style="padding:5rem 0;background:var(--bg2)">
1031    <div class="wrap">
1032      <div class="g2">
1033        <div>
1034          <div class="eyebrow">Key Benefits</div>
1035          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1036          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Block up to 98% of infrared heat</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">99% UV ray blocking, protects skin and prevents fading</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Reduces eye strain and glare for safer driving</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Enhanced privacy while maintaining clear visibility</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">No metallic particles, zero GPS or Bluetooth interference</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Transferable lifetime warranty</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1037        </div>
1038        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1039          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1040          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1041          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1042          <div style="display:flex;flex-direction:column;gap:.75rem">
1043            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1044            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1045          </div>
1046          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1047            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1048            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1049              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1050              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1051              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1052              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1053              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1054              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1055            </div>
1056          </div>
1057        </div>
1058      </div>
1059    </div>
1060  </section>
1061  <div class="cta-strip">
1062  <div class="wrap cta-i">
1063    <div>
1064      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1065      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1066    </div>
1067    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1068      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1069      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1070    </div>
1071  </div>
1072</div>
1073</div><div id="page-svc-ppf" class="page page-pt">
1074  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1075    <div class="ph-bg" style="background-image:url('/img/bg01.jpg')"></div>
1076    <div class="ph-ov"></div>
1077    <div class="ph-body">
1078      <div class="ph-tag">XPEL ULTIMATE Self-Healing PPF</div>
1079      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Paint Protection Film</h1>
1080      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Paint Protection Film</span></div>
1081      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1082    </div>
1083  </div>
1084  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1085  <section style="padding:6rem 0;background:var(--bg)">
1086    <div class="wrap">
1087      <div class="g2" style="gap:6rem;align-items:center">
1088        <div><img src="/img/img10.jpg?v=20260524b" alt="Paint Protection Film" width="800" height="400" style="width:100%;height:auto;object-fit:contain;background:#0d0d0d;display:block" decoding="async"></div>
1089        <div>
1090          <div class="eyebrow">Service, 02</div>
1091          <h2 class="sec-title" style="margin-bottom:1.25rem">Paint Protection Film</h2>
1092          <p style="font-size:1rem;line-height:1.75;
1092color:var(--mid);margin-bottom:1.1rem">Invisible armor for your paint. XPEL ULTIMATE PLUS shields against rock chips, road debris, and scratches, with a self-healing top coat.</p>
1093          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Available as full vehicle, partial or targeted coverage. Computer-cut patterns ensure perfect fitment. 10-year XPEL warranty.</p>
1094          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1095            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1096            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1097          </div>
1098        </div>
1099      </div>
1100    </div>
1101  </section>
1102  <!-- ===== Expanded PPF SEO content sections ===== -->
1103  <section style="padding:5rem 0;background:var(--bg)" aria-labelledby="ppf-what-is">
1104    <div class="wrap">
1105      <div style="max-width:880px;margin:0 auto">
1106        <div class="eyebrow">The Ultimate Paint Protection</div>
1107        <h2 id="ppf-what-is" class="sec-title" style="margin-bottom:1.5rem">What Is Paint Protection Film?</h2>
1108        <p style="font-size:1.05rem;line-height:1.8;color:var(--mid);margin-bottom:1.25rem">Paint Protection Film (PPF) is a transparent, ultra-durable urethane layer professionally applied to your vehicle's painted surfaces to defend against rock chips, road debris, bug splatter, swirl marks, and minor abrasions. Often called <strong>clear bra</strong>, modern PPF like XPEL ULTIMATE PLUS uses self-healing technology — when the film is scratched, the surface returns to its original smooth finish with heat from the sun or warm water.</p>
1109        <p style="font-size:1.05rem;line-height:1.8;color:var(--mid);margin-bottom:1.25rem">At Elite Tint OKC, we are <strong>
1109XPEL-certified installers</strong> serving Oklahoma City, Edmond, Norman, Moore, Mustang, Yukon, and the surrounding metro area. Every PPF installation uses computer-cut, vehicle-specific patterns to guarantee precise edges, full coverage on every panel, and a flawless invisible finish that preserves your factory paint underneath.</p>
1110        <p style="font-size:1.05rem;line-height:1.8;color:var(--mid)">Whether you drive a daily commuter, an exotic, a luxury SUV, or a brand-new pickup, PPF is the single best investment you can make to maintain your vehicle's value and appearance long term. It protects your paint from the elements that Oklahoma roads throw at it every day — gravel, salt, sand, hail debris, tar, and harsh UV.</p>
1111      </div>
1112    </div>
1113  </section>
1114
1115  <section style="padding:5rem 0;background:var(--bg2)" aria-labelledby="ppf-packages">
1116    <div class="wrap">
1117      <div class="eyebrow">Coverage Options</div>
1118      <h2 id="ppf-packages" class="sec-title" style="margin-bottom:.5rem">PPF Coverage Packages</h2>
1119      <p style="font-size:.95rem;color:var(--muted);max-width:680px;margin-bottom:3rem">Choose the level of protection that fits your vehicle and your driving habits. Every package uses genuine XPEL ULTIMATE PLUS film and includes a 10-year manufacturer warranty against yellowing, cracking, peeling, and delamination.</p>
1120        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem">
1121          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line)">
1122            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem;color:var(--gd)">Full Front Package</div>
1123            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Full hood, full front bumper, full fenders, headlights, side mirrors, and an 18&quot;–24&quot; front section of the roof. The most popular package for OKC drivers — maximum chip protection for the panels most exposed to highway debris.</p>
1124            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase">Ideal for daily drivers and highway commuters</div>
1125          </div>
1126          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line)">
1127            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem;color:var(--gd)">Partial Front Package</div>
1128            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Partial hood (typically the first 18&quot;–24&quot;), partial fenders, front bumper, headlights, and side mirrors. A budget-conscious option that still protects the panels most likely to take a rock chip.</p>
1129            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase">Entry-level chip protection</div>
1130          </div>
1131          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line)">
1132            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem;color:var(--gd)">Track Pack / Performance</div>
1133            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Full Front Package plus rocker panels, A-pillars, full roof, and rear wheel arches. Engineered for sports cars, exotics, and high-mileage luxury vehicles that see weekend track days or long-distance driving.</p>
1134            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase">Sports cars and exotics</div>
1135          </div>
1136          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line)">
1137            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem;color:var(--gd)">Full Vehicle PPF</div>
1138            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Every painted panel covered, edge to edge — hood, fenders, doors, quarter panels, rear bumper, trunk, roof, mirrors, and pillars. The ultimate protection package for collectors, leased vehicles, and anyone who wants their paint to look showroom-new for life.</p>
1139            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase">Maximum protection, every panel</div>
1140          </div>
1141          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line)">
1142            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem;color:var(--gd)">Custom &amp;
1142 Targeted Coverage</div>
1143            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Want only door cups, the leading edge of the hood, or just the door edges? We build custom PPF kits for any combination of panels you choose — perfect for trucks, off-road vehicles, and budget-focused builds.</p>
1144            <div style="font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase">Build your own package</div>
1145          </div>
1146          <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line-gd)">
1147            <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:.75rem">✦ Most Popular</div>
1148            <div style="font-family:var(--fd);font-size:1.4rem;margin-bottom:.5rem">PPF + Ceramic Coating Combo</div>
1149            <p style="font-size:.85rem;color:var(--mid);line-height:1.7;margin-bottom:1rem">Pair any PPF package with a professional ceramic coating applied on top of the film. Adds hydrophobic protection, deeper gloss, and easier washing — the ultimate paint care stack.</p>
1150            <button class="btn-gold" onclick="openModal()" style="width:100%;justify-content:center">Get a Free Quote →</button>
1151          </div>
1152        </div>
1153    </div>
1154  </section>
1155
1156  <section style="padding:5rem 0;background:var(--bg)" aria-labelledby="ppf-vs-ceramic">
1157    <div class="wrap">
1158      <div style="max-width:1000px;margin:0 auto">
1159        <div class="eyebrow">Side-By-Side</div>
1160        <h2 id="ppf-vs-ceramic" class="sec-title" style="margin-bottom:1.5rem">Paint Protection Film vs. Ceramic Coating</h2>
1161        <p style="font-size:1rem;line-height:1.75;color:var(--mid);margin-bottom:2rem">A common question we get from OKC drivers: <em>"Do I need PPF, ceramic coating, or both?"</em> Both technologies protect your paint, but they do different jobs. PPF is a physical barrier that absorbs impacts; ceramic coating is a chemical bond that repels water and chemical contaminants. The strongest paint protection setup combines both — PPF underneath, ceramic on top.</p>
1162        <div class="ppf-compare-wrap" style="margin-bottom:1.5rem">
1163          <table class="ppf-compare" style="width:100%;border-collapse:collapse;font-size:.9rem">
1164            <thead>
1165              <tr style="background:var(--bg3)">
1166                <th style="text-align:left;padding:1rem;border:1px solid var(--line);color:var(--gd);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase">Feature</th>
1167                <th style="text-align:left;padding:1rem;border:1px solid var(--line);color:var(--gd);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase">Paint Protection Film (PPF)</th>
1168                <th style="text-align:left;padding:1rem;border:1px solid var(--line);color:var(--gd);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase">Ceramic Coating</th>
1169              </tr>
1170            </thead>
1171            <tbody style="color:var(--mid)">
1172              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Rock chip protection</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">Yes — physical barrier absorbs impacts</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">Minimal — too thin to stop chips</td></tr>
1173              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Scratch resistance</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">High — self-healing top coat</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">Light swirl resistance only</td></tr>
1174              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Hydrophobic / water beading</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">Some, but limited</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">Excellent — water sheets off</td></tr>
1175              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">UV &amp; oxidation protection</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">Excellent</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">Excellent</td></tr>
1176              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Lifespan</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">10+ years</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">2–7 years depending on product</td></tr>
1177              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Appearance</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">
1177Invisible (gloss or satin)</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">Adds deeper gloss</td></tr>
1178              <tr><td data-label="Feature" style="padding:.9rem 1rem;border:1px solid var(--line);font-weight:600">Best for</td><td data-label="PPF" style="padding:.9rem 1rem;border:1px solid var(--line)">High-impact areas, daily driving</td><td data-label="Ceramic" style="padding:.9rem 1rem;border:1px solid var(--line)">All-over paint enhancement and easy washing</td></tr>
1179            </tbody>
1180          </table>
1181        </div>
1182        <p style="font-size:.92rem;line-height:1.75;color:var(--muted)"><strong>Our recommendation:</strong> if you can only choose one, PPF on the front end of your vehicle is the better long-term value because it stops the damage ceramic coatings can&#39;t. For the strongest paint protection, layer ceramic coating over PPF — we install both in-house.</p>
1183      </div>
1184    </div>
1185  </section>
1186
1187  <section style="padding:5rem 0;background:var(--bg2)" aria-labelledby="ppf-xpel">
1188    <div class="wrap">
1189      <div class="g2" style="gap:4rem;align-items:flex-start">
1190        <div>
1191          <div class="eyebrow">Why XPEL</div>
1192          <h2 id="ppf-xpel" class="sec-title" style="margin-bottom:1.5rem">Why We Install XPEL ULTIMATE PLUS</h2>
1193          <p style="font-size:.98rem;line-height:1.75;color:var(--mid);margin-bottom:1.1rem">XPEL ULTIMATE PLUS is the gold standard in paint protection film. It uses a proprietary elastomeric polyurethane top coat that heals scratches and swirl marks on its own — no buffing, no polishing required. It also resists yellowing and edge lift better than any competing film on the market.</p>
1194          <p style="font-size:.98rem;line-height:1.75;color:var(--mid);margin-bottom:1.1rem">As a <strong>certified XPEL installer in Oklahoma City</strong>, we have direct access to XPEL&#39;s DAP software for computer-cut patterns covering every make and model — domestic, import, exotic, classic, EV, and commercial. That means no razor blades touching your paint, no guesswork at the edges, and no hand-stretched film going on crooked.</p>
1195          <p style="font-size:.98rem;line-height:1.75;color:var(--mid)">Every install we complete is backed by XPEL&#39;s <strong>10-year manufacturer warranty</strong> covering yellowing, staining, cracking, blistering, and delamination — plus our own workmanship guarantee.</p>
1196        </div>
1197        <div style="background:var(--bg3);padding:2rem;border:1px solid var(--line-gd)">
1198          <h3 style="font-family:var(--fd);font-size:1.4rem;margin-bottom:1.5rem;color:var(--gd)">What XPEL Protects Against</h3>
1199          <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem">
1200            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Rock chips & road debris</strong> from gravel, asphalt, and highway truck traffic</span></li>
1201            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Bug splatter and bird droppings</strong> that etch through clear coat in Oklahoma summer heat</span></li>
1202            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Tree sap, tar, and overspray</strong> that bond permanently to unprotected paint</span></li>
1203            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Hail-related debris</strong> and ice from winter storms (PPF is not hail-stop, but minimizes scratching from debris)</span></li>
1204            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;
1204color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Light scratches and swirl marks</strong> from automated car washes and brushes</span></li>
1205            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>UV-induced fading, oxidation, and yellowing</strong> over years of Oklahoma sun exposure</span></li>
1206            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Door dings and parking lot scuffs</strong> at door cups, handles, and edges</span></li>
1207            <li style="display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;color:var(--mid)"><span style="color:var(--gd);font-weight:700;flex-shrink:0">→</span><span><strong>Salt and ice-melt chemicals</strong> from winter road treatment</span></li>
1208          </ul>
1209        </div>
1210      </div>
1211    </div>
1212  </section>
1213
1214  <section style="padding:5rem 0;background:var(--bg)" aria-labelledby="ppf-process">
1215    <div class="wrap">
1216      <div class="eyebrow">How It Works</div>
1217      <h2 id="ppf-process" class="sec-title" style="margin-bottom:.5rem">Our PPF Installation Process</h2>
1218      <p style="font-size:.95rem;color:var(--muted);max-width:680px;margin-bottom:3rem">Every install in our climate-controlled OKC shop follows the same five-step process. No shortcuts, no shop dust, no compromises.</p>
1219      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem">
1220        <div style="background:var(--bg3);padding:1.75rem;border:1px solid var(--line)">
1221          <div style="font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1;margin-bottom:.75rem">01</div>
1222          <div style="font-family:var(--fd);font-size:1.05rem;margin-bottom:.5rem">Inspection & Prep</div>
1223          <p style="font-size:.85rem;color:var(--mid);line-height:1.6">Vehicle photographed, panels inspected for existing chips and defects, paint surfaces decontaminated and clay-barred.</p>
1224        </div>
1225        <div style="background:var(--bg3);padding:1.75rem;border:1px solid var(--line)">
1226          <div style="font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1;margin-bottom:.75rem">02</div>
1227          <div style="font-family:var(--fd);font-size:1.05rem;margin-bottom:.5rem">Paint Correction (Optional)</div>
1228          <p style="font-size:.85rem;color:var(--mid);line-height:1.6">If swirls, scratches, or oxidation are present, we machine polish to a perfect finish before any film goes on — film locks in whatever is underneath.</p>
1229        </div>
1230        <div style="background:var(--bg3);padding:1.75rem;border:1px solid var(--line)">
1231          <div style="font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1;margin-bottom:.75rem">03</div>
1232          <div style="font-family:var(--fd);font-size:1.05rem;margin-bottom:.5rem">Computer-Cut Patterns</div>
1233          <p style="font-size:.85rem;color:var(--mid);line-height:1.6">Vehicle-specific XPEL DAP patterns are plotted on our Graphtec cutter to the exact contours of your panels — no blades on paint.</p>
1234        </div>
1235        <div style="background:var(--bg3);padding:1.75rem;border:1px solid var(--line)">
1236          <div style="font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1;margin-bottom:.75rem">04</div>
1237          <div style="font-family:var(--fd);font-size:1.05rem;margin-bottom:.5rem">Precision Application</div>
1238          <p style="font-size:.85rem;color:var(--mid);line-height:1.6">Film is wet-applied panel by panel, squeegeed for bubble-free adhesion, and tucked at edges for an invisible, factory-style finish.</p>
1239        </div>
1240        <div style="background:var(--bg3);padding:1.75rem;border:1px solid var(--line)">
1241          <div style="font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1;margin-bottom:.75rem">05</div>
1242          <div style="font-family:var(--fd);font-size:1.05rem;margin-bottom:.5rem">48-Hour Cure & Final Inspection</div>
1243          <p style="font-size:.85rem;
1243color:var(--mid);line-height:1.6">Vehicle rests in our shop for adhesive cure, then a final QC pass with you walking the car together before pickup.</p>
1244        </div>
1245      </div>
1246    </div>
1247  </section>
1248
1249  <section style="padding:5rem 0;background:var(--bg2)" aria-labelledby="ppf-faq">
1250    <div class="wrap">
1251      <div style="max-width:880px;margin:0 auto">
1252        <div class="eyebrow">Common Questions</div>
1253        <h2 id="ppf-faq" class="sec-title" style="margin-bottom:2rem">Paint Protection Film FAQ</h2>
1254        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1255          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">How much does PPF cost in Oklahoma City?</h3>
1256          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">Paint Protection Film pricing in OKC varies by coverage and vehicle size. Partial front packages typically start around $800–$1,200, full front packages run $1,500–$2,800, and full vehicle PPF on a mid-size car ranges from $5,500 to $9,500+ depending on body style and complexity. Sports cars, exotics, and large SUVs/trucks price higher. We provide free written quotes — no obligation — within 24 hours of your inquiry.</p>
1257        </div>
1258        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1259          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">How long does PPF last?</h3>
1260          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">XPEL ULTIMATE PLUS PPF is rated for 10+ years and comes with a 10-year manufacturer warranty against yellowing, cracking, blistering, peeling, and delamination. With proper maintenance — regular hand washing, avoiding harsh chemicals, and occasional decontamination — installations routinely last well beyond the warranty period.</p>
1261        </div>
1262        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1263          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">Can PPF be removed without damaging my paint?</h3>
1264          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">Yes. Quality PPF like XPEL ULTIMATE PLUS is designed to be removed cleanly without damaging the factory paint underneath, provided the original paint was in good condition when the film was applied. Removal should always be done by a professional installer using controlled heat — DIY removal can pull on weak spots in older clear coat.</p>
1265        </div>
1266        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1267          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">Is PPF really invisible?</h3>
1268          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">Modern PPF is virtually invisible once cured. There is a faint edge line where the film terminates — typically tucked into panel gaps or hidden along trim — but the film surface itself is optically clear with no orange peel, distortion, or color shift. XPEL also offers a satin/matte finish that gives gloss paint a stealth look without re-painting.</p>
1269        </div>
1270        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1271          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">PPF vs ceramic coating — which should I get?</h3>
1272          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">If your top priority is protection against rock chips, scratches, and physical damage, choose PPF. If your priority is gloss enhancement, easier washing, and hydrophobic water repellency, choose ceramic coating. The ideal setup is both — PPF on the high-impact panels (front end, mirrors, door cups), ceramic coating over the entire vehicle. We offer combo packages at a discount.</p>
1273        </div>
1274        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1275          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">How long does PPF installation take?</h3>
1276          <p style="font-size:.92rem;line-height:1.75;
1276color:var(--mid)">A partial front PPF install typically takes 4–6 hours; a full front package takes 1 day; a track pack or full-body PPF install runs 2–4 days depending on vehicle complexity. We will provide an exact timeline when you book, and the vehicle should be left to cure in a controlled environment for 48 hours before exposure to weather or washing.</p>
1277        </div>
1278        <div class="faq-item" style="border-bottom:1px solid var(--line);padding:1.25rem 0">
1279          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">Will PPF protect against hail?</h3>
1280          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">PPF is not a hail-stop product — large hail stones will still dent metal panels regardless of any film on top. However, PPF does protect the paint surface from secondary damage like scratching from debris and ice chunks during a storm. For hail-prone Oklahoma weather, garaging during storms or covered parking is the best defense.</p>
1281        </div>
1282        <div class="faq-item" style="padding:1.25rem 0">
1283          <h3 style="font-family:var(--fd);font-size:1.15rem;color:var(--gd);margin-bottom:.65rem">Do you offer financing for PPF in OKC?</h3>
1284          <p style="font-size:.92rem;line-height:1.75;color:var(--mid)">Yes — we offer financing on all PPF packages through partner lenders, with monthly payment plans designed to fit any budget. Ask about financing options when you request your free quote. Many customers split a full-front package over 6 or 12 months at competitive rates.</p>
1285        </div>
1286        <div style="text-align:center;margin-top:2.5rem">
1287          <button class="btn-gold" onclick="openModal()">Get Your Free PPF Quote →</button>
1288        </div>
1289      </div>
1290    </div>
1291  </section>
1292
1293  <!-- PPF FAQ structured data for rich snippets -->
1294  
1294<script type="application/ld+json">
1295  {
1296    "@context": "https://schema.org",
1297    "@type": "FAQPage",
1298    "mainEntity": [
1299      {"@type":"Question","name":"How much does PPF cost in Oklahoma City?","acceptedAnswer":{"@type":"Answer","text":"Paint Protection Film pricing in OKC varies by coverage and vehicle size. Partial front packages typically start around $800–$1,200, full front packages run $1,500–$2,800, and full vehicle PPF on a mid-size car ranges from $5,500 to $9,500+ depending on body style and complexity. Free written quotes within 24 hours."}},
1300      {"@type":"Question","name":"How long does PPF last?","acceptedAnswer":{"@type":"Answer","text":"XPEL ULTIMATE PLUS PPF is rated for 10+ years and comes with a 10-year manufacturer warranty against yellowing, cracking, blistering, peeling, and delamination."}},
1301      {"@type":"Question","name":"Can PPF be removed without damaging my paint?","acceptedAnswer":{"@type":"Answer","text":"Yes. Quality PPF like XPEL ULTIMATE PLUS is designed to be removed cleanly without damaging the factory paint underneath, when professionally removed using controlled heat."}},
1302      {"@type":"Question","name":"Is PPF really invisible?","acceptedA
1302nswer":{"@type":"Answer","text":"Modern PPF is virtually invisible once cured. The film surface is optically clear with no orange peel, distortion, or color shift. XPEL also offers a satin/matte finish option."}},
1303      {"@type":"Question","name":"PPF vs ceramic coating — which should I get?","acceptedAnswer":{"@type":"Answer","text":"PPF protects against rock chips, scratches, and physical damage. Ceramic coating provides gloss enhancement, hydrophobic water repellency, and easier washing. The ideal setup is both."}},
1304      {"@type":"Question","name":"How long does PPF installation take?","acceptedAnswer":{"@type":"Answer","text":"Partial front: 4–6 hours. Full front: 1 day. Track pack or full-body PPF: 2–4 days depending on vehicle complexity. 48-hour cure recommended."}},
1305      {"@type":"Question","name":"Will PPF protect against hail?","acceptedAnswer":{"@type":"Answer","text":"PPF is not a hail-stop product — large hail stones will still dent metal panels. However, PPF protects the paint surface from secondary debris damage during a storm."}},
1306      {"@type":"Question","name":"Do you offer financing for PPF in OKC?","acceptedA
1306nswer":{"@type":"Answer","text":"Yes — Elite Tint OKC offers financing on all PPF packages through partner lenders, with monthly payment plans designed to fit any budget."}}
1307    ]
1308  }
1309  </script>
1309
1310
1311  <!-- PPF Service structured data -->
1312  
1312<script type="application/ld+json">
1313  {
1314    "@context": "https://schema.org",
1315    "@type": "Service",
1316    "serviceType": "Paint Protection Film Installation",
1317    "name": "XPEL Paint Protection Film (PPF) Installation in Oklahoma City",
1318    "description": "XPEL-certified Paint Protection Film installation in OKC. Self-healing PPF for rock chip, scratch, and UV protection. Partial front, full front, track pack, and full vehicle packages. 10-year manufacturer warranty. Free quotes, financing available.",
1319    "provider": {
1320      "@type": "LocalBusiness",
1321      "name": "Elite Window Tinting & Paint Protection",
1322      "telephone": "+14052568035",
1323      "address": {
1324        "@type": "PostalAddress",
1325        "streetAddress": "722 NW 86th St Suite D",
1326        "addressLocality": "Oklahoma City",
1327        "addressRegion": "OK",
1328        "postalCode": "73114",
1329        "addressCountry": "US"
1330      }
1331    },
1332    "areaServed": [
1333      {"@type": "City", "name": "Oklahoma City"},
1334      {"@type": "City", "name": "Edmond"},
1335      {"@type": "City", "name": "Norman"},
1336      {"@type": "City", "name": "Moore"},
1337      {"@type": "City", "name": "Mustang"},
1338      {"@type": "City", "name": "Yukon"},
1339      {"@type": "City", "name": "Midwest City"},
1340      {"@type": "City", "name": "Bethany"}
1341    ],
1342    "brand": {"@type":"Brand","name":"XPEL"},
1343    "offers": {
1344      "@type": "AggregateOffer",
1345      "priceCurrency": "USD",
1346      "lowPrice": "800",
1347      "highPrice": "12000",
1348      "offerCount": "6"
1349    }
1350  }
1351  </script>
1351
1352  <section style="padding:5rem 0;background:var(--bg2)">
1353    <div class="wrap">
1354      <div class="g2">
1355        <div>
1356          <div class="eyebrow">Key Benefits</div>
1357          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1358          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Self-healing top coat, minor scratches disappear with heat</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Protects against rock chips and road debris</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Virtually transparent, preserves original appearance</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Prevents UV fading and paint yellowing</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">10-year XPEL manufacturer warranty</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1359        </div>
1360        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1361          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1362          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1363          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1364          <div style="display:flex;flex-direction:column;gap:.75rem">
1365            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1366            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1367          </div>
1368          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1369            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1370            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1371              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1372              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1373              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1374              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1375              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1376              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1377            </div>
1378          </div>
1379        </div>
1380      </div>
1381    </div>
1382  </section>
1383  <div class="cta-strip">
1384  <div class="wrap cta-i">
1385    <div>
1386      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1387      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1388    </div>
1389    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1390      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1391      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1392    </div>
1393  </div>
1394</div>
1395</div><div id="page-svc-ceramic" class="page page-pt">
1396  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1397    <div class="ph-bg" style="background-image:url('/img/bg02.jpg')"></div>
1398    <div class="ph-ov"></div>
1399    <div class="ph-body">
1400      <div class="ph-tag">Professional Nano-Ceramic Protection</div>
1401      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Ceramic Coatings</h1>
1402      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Ceramic Coatings</span></div>
1403      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1404    </div>
1405  </div>
1406  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1407  <section style="padding:6rem 0;background:var(--bg)">
1408    <div class="wrap">
1409      <div class="g2" style="gap:6rem;align-items:center">
1410        <div><img src="/img/img11.jpg?v=20260524b" alt="Ceramic Coatings" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:cover;object-position:center center" decoding="async"></div>
1411        <div>
1412          <div class="eyebrow">Service, 03</div>
1413          <h2 class="sec-title" style="margin-bottom:1.25rem">Ceramic Coatings</h2>
1414          <p style="font-size:1rem;line-height:1.75;
1414color:var(--mid);margin-bottom:1.1rem">Professional-grade ceramic coating that bonds to your paint at the molecular level, delivering deep gloss and hydrophobic water repellency.</p>
1415          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">We begin with full paint decontamination, then apply nano-ceramic compound by hand for a permanent bond.</p>
1416          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1417            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1418            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1419          </div>
1420        </div>
1421      </div>
1422    </div>
1423  </section>
1424  <section style="padding:5rem 0;background:var(--bg2)">
1425    <div class="wrap">
1426      <div class="g2">
1427        <div>
1428          <div class="eyebrow">Key Benefits</div>
1429          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1430          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Extreme hydrophobic effect, water beads and rolls right off</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Deep glossy finish enhancing factory color</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Protects against UV oxidation and chemical etching</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Dramatically reduces cleaning time</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Preserves resale value</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1431        </div>
1432        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1433          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1434          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1435          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1436          <div style="display:flex;flex-direction:column;gap:.75rem">
1437            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1438            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1439          </div>
1440          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1441            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1442            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1443              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1444              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1445              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1446              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1447              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1448              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1449            </div>
1450          </div>
1451        </div>
1452      </div>
1453    </div>
1454  </section>
1455  <div class="cta-strip">
1456  <div class="wrap cta-i">
1457    <div>
1458      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1459      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1460    </div>
1461    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1462      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1463      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1464    </div>
1465  </div>
1466</div>
1467</div><div id="page-svc-residential" class="page page-pt">
1468  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1469    <div class="ph-bg" style="background-image:url('/img/bg03.jpg')"></div>
1470    <div class="ph-ov"></div>
1471    <div class="ph-body">
1472      <div class="ph-tag">Home Comfort & Energy Efficiency</div>
1473      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Residential Window Tinting</h1>
1474      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Residential Window Tinting</span></div>
1475      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1476    </div>
1477  </div>
1478  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1479  <section style="padding:6rem 0;background:var(--bg)">
1480    <div class="wrap">
1481      <div class="g2" style="gap:6rem;align-items:center">
1482        <div><img src="/img/img03.jpg?v=20260524b" alt="Residential Window Tinting" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:cover;object-position:center center" decoding="async"></div>
1483        <div>
1484          <div class="eyebrow">Service, 04</div>
1485          <h2 class="sec-title" style="margin-bottom:1.25rem">Residential Window Tinting</h2>
1486          <p style="font-size:1rem;line-height:1.75;
1486color:var(--mid);margin-bottom:1.1rem">Enhance your home's comfort and cut energy costs. Block heat, reduce glare, protect your family and furnishings year-round.</p>
1487          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">The average Oklahoma home saves $300–600 annually with window tinting. Lifetime warranty coverage.</p>
1488          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1489            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1490            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1491          </div>
1492        </div>
1493      </div>
1494    </div>
1495  </section>
1496  <section style="padding:5rem 0;background:var(--bg2)">
1497    <div class="wrap">
1498      <div class="g2">
1499        <div>
1500          <div class="eyebrow">Key Benefits</div>
1501          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1502          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Save up to 30% on cooling costs annually</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Block 99% of UV rays</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Daytime privacy without sacrificing natural light</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Eliminate hot spots and cold drafts</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Protect furniture and flooring from UV damage</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1503        </div>
1504        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1505          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1506          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1507          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1508          <div style="display:flex;flex-direction:column;gap:.75rem">
1509            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1510            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1511          </div>
1512          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1513            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1514            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1515              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1516              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1517              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1518              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1519              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1520              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1521            </div>
1522          </div>
1523        </div>
1524      </div>
1525    </div>
1526  </section>
1527  <div class="cta-strip">
1528  <div class="wrap cta-i">
1529    <div>
1530      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1531      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1532    </div>
1533    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1534      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1535      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1536    </div>
1537  </div>
1538</div>
1539</div><div id="page-svc-commercial" class="page page-pt">
1540  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1541    <div class="ph-bg" style="background-image:url('/img/bg04.jpg')"></div>
1542    <div class="ph-ov"></div>
1543    <div class="ph-body">
1544      <div class="ph-tag">Office & Storefront Window Films</div>
1545      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Commercial Window Tinting</h1>
1546      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Commercial Window Tinting</span></div>
1547      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1548    </div>
1549  </div>
1550  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1551  <section style="padding:6rem 0;background:var(--bg)">
1552    <div class="wrap">
1553      <div class="g2" style="gap:6rem;align-items:center">
1554        <div><img src="/img/img13.jpg?v=20260524b" alt="Commercial Window Tinting" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:cover;object-position:center center" decoding="async"></div>
1555        <div>
1556          <div class="eyebrow">Service, 05</div>
1557          <h2 class="sec-title" style="margin-bottom:1.25rem">Commercial Window Tinting</h2>
1558          <p style="font-size:1rem;line-height:1.75;
1558color:var(--mid);margin-bottom:1.1rem">Reduce energy costs, enhance privacy, and protect your commercial space with professional window films.</p>
1559          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Most businesses achieve full ROI within 3–5 years through energy savings alone.</p>
1560          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1561            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1562            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1563          </div>
1564        </div>
1565      </div>
1566    </div>
1567  </section>
1568  <section style="padding:5rem 0;background:var(--bg2)">
1569    <div class="wrap">
1570      <div class="g2">
1571        <div>
1572          <div class="eyebrow">Key Benefits</div>
1573          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1574          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Reduce cooling costs by up to 30%</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">One-way visibility films protect privacy</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Block 99% of UV rays, protect merchandise</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Eliminate hot spots and glare</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Custom solutions for any size office or storefront</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1575        </div>
1576        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1577          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1578          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1579          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1580          <div style="display:flex;flex-direction:column;gap:.75rem">
1581            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1582            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1583          </div>
1584          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1585            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1586            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1587              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1588              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1589              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1590              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1591              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1592              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1593            </div>
1594          </div>
1595        </div>
1596      </div>
1597    </div>
1598  </section>
1599  <div class="cta-strip">
1600  <div class="wrap cta-i">
1601    <div>
1602      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1603      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1604    </div>
1605    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1606      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1607      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1608    </div>
1609  </div>
1610</div>
1611</div><div id="page-svc-windshield" class="page page-pt">
1612  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1613    <div class="ph-bg" style="background-image:url('/img/bg05.jpg')"></div>
1614    <div class="ph-ov"></div>
1615    <div class="ph-body">
1616      <div class="ph-tag">Clear Film, Prevents Chips & Cracks</div>
1617      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Windshield Protection Film</h1>
1618      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Windshield Protection Film</span></div>
1619      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1620    </div>
1621  </div>
1622  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1623  <section style="padding:6rem 0;background:var(--bg)">
1624    <div class="wrap">
1625      <div class="g2" style="gap:6rem;align-items:center">
1626        <div><img src="/img/img14.jpg?v=20260524b" alt="Windshield Protection Film" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:contain;object-position:center center;background:var(--bg2)" decoding="async"></div>
1627        <div>
1628          <div class="eyebrow" style="display:flex;align-items:center;gap:.5rem"><svg viewBox="0 0 48 48" style="width:48px;height:48px;fill:none" xmlns="http://www.w3.org/2000/svg"><path d="M6 34h36M6 34l3-10h26l3 10M6 34H4M42 34h2M13 24l4-8h14l4 8" stroke="#F0EDE6" stroke-width="2" stroke-linecap="round"/>
1628<path d="M14 24h20" stroke="#C8973A" stroke-width="3" stroke-linecap="round"/><path d="M14 27h20" stroke="#C8973A" stroke-width="2.5" stroke-linecap="round" opacity=".5"/><circle cx="13" cy="37" r="3" fill="#F0EDE6"/><circle cx="35" cy="37" r="3" fill="#F0EDE6"/></svg><span>Service, 06</span></div>
1629          <h2 class="sec-title" style="margin-bottom:1.25rem">Windshield Protection Film</h2>
1630          <p style="font-size:1rem;line-height:1.75;color:var(--mid);margin-bottom:1.1rem">Protect your windshield from Oklahoma highway debris with clear protective film. Virtually invisible, zero optical distortion.</p>
1631          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Oklahoma highways are notorious for road debris. Our film is cut specifically for your windshield geometry.</p>
1632          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1633            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1634            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1635          </div>
1636        </div>
1637      </div>
1638    </div>
1639  </section>
1640  <section style="padding:5rem 0;background:var(--bg2)">
1641    <div class="wrap">
1642      <div class="g2">
1643        <div>
1644          <div class="eyebrow">Key Benefits</div>
1645          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1646          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Prevents rock chips and cracks from highway debris</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Optically clear, zero distortion</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Reduces the cost of windshield replacements</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Self-healing top coat resists minor scratches</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Pairs perfectly with ceramic tint</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1647        </div>
1648        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1649          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1650          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1651          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1652          <div style="display:flex;flex-direction:column;gap:.75rem">
1653            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1654            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1655          </div>
1656          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1657            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1658            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1659              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1660              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1661              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1662              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1663              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1664              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1665            </div>
1666          </div>
1667        </div>
1668      </div>
1669    </div>
1670  </section>
1671  <div class="cta-strip">
1672  <div class="wrap cta-i">
1673    <div>
1674      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1675      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1676    </div>
1677    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1678      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1679      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1680    </div>
1681  </div>
1682</div>
1683</div><div id="page-svc-correction" class="page page-pt">
1684  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1685    <div class="ph-bg" style="background-image:url('/img/bg06.jpg')"></div>
1686    <div class="ph-ov"></div>
1687    <div class="ph-body">
1688      <div class="ph-tag">Professional Paint Restoration</div>
1689      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Paint Corrections</h1>
1690      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Paint Corrections</span></div>
1691      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1692    </div>
1693  </div>
1694  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1695  <section style="padding:6rem 0;background:var(--bg)">
1696    <div class="wrap">
1697      <div class="g2" style="gap:6rem;align-items:center">
1698        <div><img src="/img/img08.jpg?v=20260524b" alt="Paint Corrections" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:cover;object-position:center center" decoding="async"></div>
1699        <div>
1700          <div class="eyebrow">Service, 07</div>
1701          <h2 class="sec-title" style="margin-bottom:1.25rem">Paint Corrections</h2>
1702          <p style="font-size:1rem;line-height:1.75;
1702color:var(--mid);margin-bottom:1.1rem">Remove swirl marks, scratches, water spots, and oxidation. Restore your vehicle's paint to better-than-showroom condition.</p>
1703          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Multi-stage machine polishing safely removes the outermost layer of clear coat where swirls and scratches reside.</p>
1704          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1705            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1706            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1707          </div>
1708        </div>
1709      </div>
1710    </div>
1711  </section>
1712  <section style="padding:5rem 0;background:var(--bg2)">
1713    <div class="wrap">
1714      <div class="g2">
1715        <div>
1716          <div class="eyebrow">Key Benefits</div>
1717          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1718          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Remove swirl marks, fine scratches, and water spots</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Eliminate oxidation and restore faded paint</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Ideal preparation for ceramic coating or PPF</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Restore depth, gloss, and clarity</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Pairs with ceramic coating for maximum protection</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1719        </div>
1720        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1721          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1722          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1723          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1724          <div style="display:flex;flex-direction:column;gap:.75rem">
1725            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1726            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1727          </div>
1728          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1729            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1730            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1731              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1732              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1733              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1734              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1735              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1736              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1737            </div>
1738          </div>
1739        </div>
1740      </div>
1741    </div>
1742  </section>
1743  <div class="cta-strip">
1744  <div class="wrap cta-i">
1745    <div>
1746      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1747      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1748    </div>
1749    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1750      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1751      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1752    </div>
1753  </div>
1754</div>
1755</div><div id="page-svc-vinyl" class="page page-pt">
1756  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1757    <div class="ph-bg" style="background-image:url('/img/bg07.jpg')"></div>
1758    <div class="ph-ov"></div>
1759    <div class="ph-body">
1760      <div class="ph-tag">Full Color-Change Vehicle Wraps</div>
1761      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93;letter-spacing:.02em">Vinyl Wraps</h1>
1762      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span><span class="bcl" onclick="scrollToSvc()" tabindex="0" role="button">Services</span><span class="bc-sep">›</span><span style="color:var(--gd)">Vinyl Wraps</span></div>
1763      <button onclick="showPage('home');setTimeout(function(){var el=document.getElementById('svc-section');if(el){window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'})}},100)" style="display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(200,151,58,.4);color:var(--gd);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1rem;cursor:pointer;font-family:inherit;margin-top:.75rem;transition:all .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='none'" aria-label="Back to Services">← Back to Services</button>
1764    </div>
1765  </div>
1766  <div class="ticker" aria-hidden="true"><div class="ticker-track"><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span><span class="ti">Automotive Window Tinting</span><span class="ti">Paint Protection Film</span><span class="ti">Ceramic Coatings</span><span class="ti">Residential Tinting</span><span class="ti">Commercial Tinting</span><span class="ti">Windshield Protection Film</span><span class="ti">Paint Corrections</span><span class="ti">Vinyl Wraps</span></div></div>
1767  <section style="padding:6rem 0;background:var(--bg)">
1768    <div class="wrap">
1769      <div class="g2" style="gap:6rem;align-items:center">
1770        <div><img src="/img/img16.jpg?v=20260524b" alt="Vinyl Wraps" width="800" height="400" class="svc-page-img" style="width:100%;height:480px;object-fit:cover;object-position:center center" decoding="async"></div>
1771        <div>
1772          <div class="eyebrow">Service, 08</div>
1773          <h2 class="sec-title" style="margin-bottom:1.25rem">Vinyl Wraps</h2>
1774          <p style="font-size:1rem;line-height:1.75;
1774color:var(--mid);margin-bottom:1.1rem">Transform your vehicle's entire look with a professional vinyl wrap. Change color without paint, completely reversible.</p>
1775          <p style="font-size:.9rem;line-height:1.75;color:var(--muted);margin-bottom:2rem">Premium cast vinyl films applied with precision to every panel, curve, and contour.</p>
1776          <div style="display:flex;gap:1rem;flex-wrap:wrap">
1777            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
1778            <a href="tel:4052568035" class="btn-ol-gd">☎ (405) 256-8035</a>
1779          </div>
1780        </div>
1781      </div>
1782    </div>
1783  </section>
1784  <section style="padding:5rem 0;background:var(--bg2)">
1785    <div class="wrap">
1786      <div class="g2">
1787        <div>
1788          <div class="eyebrow">Key Benefits</div>
1789          <h3 style="font-family:var(--fd);font-size:2.2rem;margin-bottom:1.5rem">Why Choose This Service</h3>
1790          <div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Full color-change or partial wrap options</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Matte, satin, gloss, chrome & custom finishes</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Protects original factory paint underneath</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Completely reversible, remove anytime</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Dramatically changes your vehicle's look</span></div><div style="display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)"><div style="width:6px;height:6px;background:var(--gd);border-radius:50%;flex-shrink:0;margin-top:.45rem"></div><span style="font-size:.88rem;line-height:1.6;color:var(--mid)">Financing available — easy payment plans to fit your budget</span></div></div>
1791        </div>
1792        <div style="background:var(--bg3);padding:2.5rem;border:1px solid var(--line-gd)">
1793          <div style="font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">✦ XPEL Certified Installation</div>
1794          <h3 style="font-family:var(--fd);font-size:1.8rem;margin-bottom:1rem">Ready to Get Started?</h3>
1795          <p style="font-size:.88rem;color:var(--muted);line-height:1.65;margin-bottom:2rem">Free quote today. Most jobs completed same or next day. Lifetime warranty on all XPEL products.</p>
1796          <div style="display:flex;flex-direction:column;gap:.75rem">
1797            <button class="btn-gold" onclick="openModal()" style="justify-content:center">Get My Free Quote</button>
1798            <a href="tel:4052568035" style="display:flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid rgba(200,151,58,.3);color:var(--gd);padding:.9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em">☎ (405) 256-8035</a>
1799          </div>
1800          <div style="margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)">
1801            <div style="font-size:.72rem;color:var(--muted);margin-bottom:.75rem;letter-spacing:.1em;text-transform:uppercase">Other Services</div>
1802            <div style="display:flex;flex-wrap:wrap;gap:.5rem">
1803              <button onclick="showPage('svc-auto')" class="tag-btn">Auto Tint</button>
1804              <button onclick="showPage('svc-ppf')" class="tag-btn">PPF</button>
1805              <button onclick="showPage('svc-ceramic')" class="tag-btn">Ceramic</button>
1806              <button onclick="showPage('svc-residential')" class="tag-btn">Residential</button>
1807              <button onclick="showPage('svc-commercial')" class="tag-btn">Commercial</button>
1808              <button onclick="showPage('svc-vinyl')" class="tag-btn">Vinyl Wraps</button>
1809            </div>
1810          </div>
1811        </div>
1812      </div>
1813    </div>
1814  </section>
1815  <div class="cta-strip">
1816  <div class="wrap cta-i">
1817    <div>
1818      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
1819      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">XPEL certified · Lifetime warranty · Same-day scheduling</p>
1820    </div>
1821    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1822      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1823      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1824    </div>
1825  </div>
1826</div>
1827</div>
1828<div id="page-faqs" class="page page-pt">
1829  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1830    <div class="ph-bg" style="background-image:url('/img/bg07.jpg')"></div>
1831    <div class="ph-ov"></div>
1832    <div class="ph-body">
1833      <div class="ph-tag">Questions & Answers</div>
1834      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93">Frequently Asked <span style="color:var(--gd)">Questions</span></h1>
1835      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span>FAQs</div>
1836    </div>
1837  </div>
1838  <section style="padding:6rem 0;background:var(--bg)">
1839    <div class="wrap">
1840      <div class="faq-layout">
1841        <div class="faq-sidebar">
1842          <div class="eyebrow">Categories</div>
1843          <div style="display:flex;flex-direction:column;gap:.2rem;margin-bottom:2rem">
1844            <button class="faq-cat-btn active-cat" onclick="document.getElementById('fq1').scrollIntoView({behavior:'smooth'})">XPEL Films & Technology</button>
1845            <button class="faq-cat-btn" onclick="document.getElementById('fq2').scrollIntoView({behavior:'smooth'})">Installation & Support</button>
1846            <button class="faq-cat-btn" onclick="document.getElementById('fq3').scrollIntoView({behavior:'smooth'})">About Window Tinting</button>
1847            <button class="faq-cat-btn" onclick="document.getElementById('fq4').scrollIntoView({behavior:'smooth'})">Paint Protection Film</button>
1848          </div>
1849          <div style="padding:1.5rem;background:var(--bg2);border:1px solid var(--line-gd)">
1850            <p style="font-size:.8rem;color:var(--muted);line-height:1.65;margin-bottom:1.25rem">
1850Still have questions? We're happy to help.</p>
1851            <button class="btn-gold" onclick="openModal()" style="width:100%;justify-content:center">Get a Free Quote</button>
1852            <a href="tel:4052568035" style="display:block;text-align:center;margin-top:.75rem;font-size:.8rem;color:var(--gd);font-weight:600">(405) 256-8035</a>
1853          </div>
1854        </div>
1855        <div class="faq-wrap">
1856          <div id="fq1" style="margin-bottom:3.5rem">
1857            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">XPEL Films & Technology</h3>
1858            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What XPEL ceramic films do you offer? <span class="faq-icon">+</span></button><div class="faq-a"><p>We offer XPEL Prime CS, Prime XR, and Prime XR Plus ceramic films. Prime XR Plus is our top-tier film offering 98% infrared heat rejection and zero metallic interference.</p></div></div>
1859            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How much heat does ceramic tint actually block? <span class="faq-icon">+</span></button><div class="faq-a"><p>XPEL Prime XR Plus blocks up to 98% of infrared heat energy. Standard dyed films typically block only 30–50%. You'll feel the difference immediately.</p></div></div>
1860            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Will ceramic tint interfere with my vehicle's electronics? <span class="faq-icon">+</span></button><div class="faq-a"><p>No. XPEL ceramic films contain no metal particles, zero interference with GPS, cellular, Bluetooth, radio, or any vehicle electronics.</p></div></div>
1861            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What tint percentages do you recommend? <span class="faq-icon">+</span></button><div class="faq-a"><p>For front side windows, 35% VLT complies with Oklahoma law while providing solid privacy and heat rejection.</p></div></div>
1862          </div>
1863          <div id="fq2" style="margin-bottom:3.5rem">
1864            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">Installation & Support</h3>
1865            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What warranty comes with XPEL tinting? <span class="faq-icon">+</span></button><div class="faq-a"><p>XPEL provides a transferable lifetime warranty covering bubbling, peeling, cracking, and color fading for the life of your vehicle.</p></div></div>
1866            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How long does installation take? <span class="faq-icon">+</span></button><div class="faq-a"><p>A standard full car tint takes 2–4 hours. Most jobs are completed same-day.</p></div></div>
1867            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How do I care for my new window tint? <span class="faq-icon">+</span></button><div class="faq-a"><p>For the first 3–5 days, avoid rolling down windows or cleaning the inside of the glass. After curing, clean with a soft microfiber cloth and ammonia-free cleaner.</p></div></div>
1868          </div>
1869          <div id="fq3" style="margin-bottom:3.5rem">
1870            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">About Window Tinting</h3>
1871            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What's the difference between ceramic and dyed tint? <span class="faq-icon">+</span></button><div class="faq-a"><p>Dyed tint absorbs heat and fades over time offering 30–50% heat rejection. Ceramic tint uses nano-ceramic particles that reject up to 98% of IR heat, never fade, and have zero electronic interference.</p></div></div>
1872            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How long does window tint last? <span class="faq-icon">+</span></button><div class="faq-a"><p>XPEL ceramic tint is designed to last the lifetime of your vehicle with a transferable lifetime warranty.</p></div></div>
1873          </div>
1874          <div id="fq4" style="margin-bottom:3.5rem">
1875            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">Paint Protection Film</h3>
1876            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What is Paint Protection Film (PPF)? <span class="faq-icon">+</span></button><div class="faq-a"><p>PPF is a clear thermoplastic urethane film applied to painted surfaces to protect against rock chips, scratches, and road debris. XPEL ULTIMATE PLUS features a self-healing top coat.</p></div></div>
1877            <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How long does PPF last? <span class="faq-icon">+</span></button><div class="faq-a"><p>XPEL ULTIMATE PLUS comes with a 10-year manufacturer's warranty and can be safely removed at any time without damaging the original paint.</p></div></div>
1878          </div>
1879        </div>
1880      </div>
1881    </div>
1882  </section>
1883  <div class="cta-strip">
1884  <div class="wrap cta-i">
1885    <div>
1886      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Still Have Questions?</h2>
1887      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">
1887Call us or get a free quote, we're happy to help.</p>
1888    </div>
1889    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1890      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1891      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1892    </div>
1893  </div>
1894</div>
1895</div>
1896<div id="page-laws" class="page page-pt">
1897  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1898    <div class="ph-bg" style="background-image:url('/img/bg02.jpg')"></div>
1899    <div class="ph-ov"></div>
1900    <div class="ph-body">
1901      <div class="ph-tag">Oklahoma Regulations</div>
1902      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93">Oklahoma <span style="color:var(--gd)">Tint Laws 2025</span></h1>
1903      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span>Tint Laws</div>
1904    </div>
1905  </div>
1906  <section style="padding:6rem 0;background:var(--bg)">
1907    <div class="wrap">
1908      <div class="faq-layout">
1909        <div class="faq-sidebar">
1910          <div class="eyebrow">Jump To</div>
1911          <div style="display:flex;flex-direction:column;gap:.2rem;margin-bottom:2rem">
1912            <button class="faq-cat-btn active-cat" onclick="document.getElementById('law1').scrollIntoView({behavior:'smooth'})">Overview</button>
1913            <button class="faq-cat-btn" onclick="document.getElementById('law2').scrollIntoView({behavior:'smooth'})">Cars, Legal Limits</button>
1914            <button class="faq-cat-btn" onclick="document.getElementById('law3').scrollIntoView({behavior:'smooth'})">SUVs & Trucks</button>
1915            <button class="faq-cat-btn" onclick="document.getElementById('law5').scrollIntoView({behavior:'smooth'})">Tickets & Penalties</button>
1916          </div>
1917          <div style="padding:1.5rem;background:var(--bg2);border:1px solid var(--line-gd)">
1918            <h4 style="font-size:.78rem;font-weight:700;color:var(--gd);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem">Legal Tint Available</h4>
1919            <p style="font-size:.8rem;color:var(--muted);line-height:1.65;margin-bottom:1.25rem">Guaranteed.</p>
1920            <button class="btn-gold" onclick="openModal()" style="width:100%;justify-content:center">Get a Free Quote</button>
1921          </div>
1922        </div>
1923        <div>
1924          <div id="law1" style="margin-bottom:3rem">
1925            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">Overview</h3>
1926            <div class="faq-wrap">
1927              <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">When were Oklahoma's tint laws established? <span class="faq-icon">+</span></button><div class="faq-a"><p>Oklahoma implemented car window tint laws in 2006. VLT (Visible Light Transmission) is the percentage of visible light that passes through your window tint.</p></div></div>
1928              <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How do law enforcement check tint compliance? <span class="faq-icon">+</span></button><div class="faq-a"><p>Officers use a tint meter that shines light through the glass and gives an immediate VLT reading. Professional installation with verified legal percentages eliminates this risk.</p></div></div>
1929            </div>
1930          </div>
1931          <div id="law2" style="margin-bottom:3rem">
1932            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">Cars, Legal Tint Limits</h3>
1933            <table class="law-table">
1934              <thead><tr><th>Window</th><th>Legal VLT</th><th>Status</th></tr></thead>
1935              <tbody>
1936                <tr><td>Windshield</td><td>Non-reflective tint above AS-1 line only</td><td><span class="badge-warn">Restricted</span></td></tr>
1937                <tr><td>Front Side Windows</td><td>Must allow more than <strong>25% VLT</strong></td><td><span class="badge-ok">25%+ Required</span></td></tr>
1938                <tr><td>Back Side Windows</td><td>Must allow more than <strong>25% VLT</strong>, must match front</td><td>
1938<span class="badge-ok">25%+ Required</span></td></tr>
1939                <tr><td>Rear Window</td><td>Must allow more than <strong>25% VLT</strong>, must match front</td><td><span class="badge-ok">25%+ Required</span></td></tr>
1940              </tbody>
1941            </table>
1942          </div>
1943          <div id="law3" style="margin-bottom:3rem">
1944            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">SUVs, Trucks & Vans</h3>
1945            <table class="law-table">
1946              <thead><tr><th>Window</th><th>Legal VLT</th><th>Status</th></tr></thead>
1947              <tbody>
1948                <tr><td>Windshield</td><td>Non-reflective tint above AS-1 line only</td><td><span class="badge-warn">Restricted</span></td></tr>
1949                <tr><td>Front Side Windows</td><td>Must allow more than <strong>25% VLT</strong></td><td><span class="badge-ok">25%+ Required</span></td></tr>
1950                <tr><td>Back Side Windows</td><td>Any darkness allowed</td><td><span class="badge-any">Any Darkness</span></td></tr>
1951                <tr><td>Rear Window</td><td>Any darkness allowed</td><td><span class="badge-any">Any Darkness</span></td></tr>
1952              </tbody>
1953            </table>
1954          </div>
1955          <div id="law5" style="margin-bottom:3rem">
1956            <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--line-gd)">Tickets & Penalties</h3>
1957            <div class="faq-wrap">
1958              <div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What happens if I get a window tint ticket? <span class="faq-icon">+</span></button><div class="faq-a"><p>In Oklahoma, window tint tickets are civil violations. A first ticket is often a fix-it ticket, you're responsible for having the illegal film removed at your own cost.</p></div></div>
1959            </div>
1960          </div>
1961        </div>
1962      </div>
1963    </div>
1964  </section>
1965  <div class="cta-strip">
1966  <div class="wrap cta-i">
1967    <div>
1968      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">We Apply the World's Best Window Tint</h2>
1969      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">Guaranteed.</p>
1970    </div>
1971    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
1972      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
1973      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
1974    </div>
1975  </div>
1976</div>
1977</div>
1978<div id="page-about" class="page page-pt">
1979  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
1980    <div class="ph-bg" style="background-image:url('/img/bg10.jpg')"></div>
1981    <div class="ph-ov"></div>
1982    <div class="ph-body">
1983      <div class="ph-tag">Our Story</div>
1984      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93">About <span style="color:var(--gd)">Elite Tint</span></h1>
1985      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span>About Us</div>
1986    </div>
1987  </div>
1988  <section style="padding:7rem 0;background:var(--bg)">
1989    <div class="wrap">
1990      <div class="g2" style="gap:6rem;align-items:center">
1991        <div style="position:relative">
1992          <img src="/img/img16.jpg?v=20260524b" alt="Elite Tint installation" decoding="async" width="800" height="400" style="width:100%;height:540px;object-fit:cover">
1993          <div style="position:absolute;bottom:-2rem;right:-2rem;background:var(--gd);color:var(--bk);padding:1.75rem;text-align:center;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center">
1994            <span style="font-family:var(--fd);font-size:2.8rem;line-height:1">500+</span>
1995            <span style="font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem">5-Star Reviews</span>
1996          </div>
1997        </div>
1998        <div>
1999          <div class="eyebrow">Who We Are</div>
2000          <h2 class="sec-title">More Than Tinting, <span>It's a Commitment</span></h2>
2001          <p style="font-size:1rem;line-height:1.75;
2001color:var(--mid);margin:1rem 0 1.25rem">Elite Window Tinting is a small, family-owned Oklahoma business. When you bring your vehicle to us, you're not a ticket number. You're a neighbor, a friend, a member of our community.</p>
2002          <p style="font-size:1rem;line-height:1.75;color:var(--mid);margin-bottom:2rem">We exclusively install XPEL, the world's leading window film and paint protection brand, because your vehicle deserves nothing less.</p>
2003          <div style="display:flex;gap:1rem;flex-wrap:wrap">
2004            <button class="btn-gold" onclick="openModal()">Get a Free Quote →</button>
2005            <a href="tel:4052568035" class="btn-ol-gd">(405) 256-8035</a>
2006          </div>
2007        </div>
2008      </div>
2009    </div>
2010  </section>
2011  <section style="padding:5rem 0;background:var(--gd)">
2012    <div class="wrap">
2013      <div class="g4" style="text-align:center">
2014        <div><div style="font-family:var(--fd);font-size:3.5rem;color:var(--bk);line-height:1">15+</div><div style="font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(0,0,0,.6);margin-top:.3rem">Years of Excellence</div></div>
2015        <div><div style="font-family:var(--fd);font-size:3.5rem;color:var(--bk);line-height:1">500+</div><div style="font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(0,0,0,.6);margin-top:.3rem">5-Star Reviews</div></div>
2016        <div><div style="font-family:var(--fd);font-size:3.5rem;color:var(--bk);line-height:1">2</div><div style="font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(0,0,0,.6);margin-top:.3rem">Oklahoma Locations</div></div>
2017        <div><div style="font-family:var(--fd);font-size:3.5rem;color:var(--bk);line-height:1">★5</div><div style="font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(0,0,0,.6);margin-top:.3rem">Rated Oklahoma's Best</div></div>
2018      </div>
2019    </div>
2020  </section>
2021  <div class="cta-strip">
2022  <div class="wrap cta-i">
2023    <div>
2024      <h2 style="font-family:var(--fd);font-size:clamp(2rem,4vw,3.5rem);color:var(--bk);line-height:.95">Ready for Elite-Level Protection?</h2>
2025      <p style="font-size:.95rem;color:rgba(0,0,0,.6);margin-top:.4rem">Two Oklahoma locations ready to serve you.</p>
2026    </div>
2027    <div style="display:flex;gap:1rem;flex-wrap:wrap;flex-shrink:0">
2028      <button class="btn-bk" onclick="openModal()">Get Free Quote →</button>
2029      <a href="tel:4052568035" class="btn-bk-ol">(405) 256-8035</a>
2030    </div>
2031  </div>
2032</div>
2033</div>
2034<div id="page-contact" class="page page-pt">
2035  <div class="page-hero" style="margin-top:-100px;padding-top:140px">
2036    <div class="ph-bg" style="background-image:url('/img/bg11.jpg')"></div>
2037    <div class="ph-ov"></div>
2038    <div class="ph-body">
2039      <div class="ph-tag">Get In Touch</div>
2040      <h1 style="font-family:var(--fd);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.93">Contact <span style="color:var(--gd)">Us</span></h1>
2041      <div class="bc"><span class="bcl" onclick="showPage('home')" tabindex="0" role="button">Home</span><span class="bc-sep">›</span>Contact</div>
2042    </div>
2043  </div>
2044  <section style="padding:6rem 0;background:var(--bg)">
2045    <div class="wrap">
2046      <div class="g2" style="gap:5rem;align-items:start">
2047        <div>
2048          <div class="eyebrow">Reach Us</div>
2049          <h2 class="sec-title" style="margin-bottom:2rem">Two Locations, <span>One Team</span></h2>
2050          <div style="display:flex;flex-direction:column;gap:2rem">
2051            <div class="loc-card">
2052              <div class="loc-tag">Oklahoma City, Main Location</div>
2053              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="color:var(--mid)">722 NW 86th St Suite D, Oklahoma City, OK 73114</a></div>
2054              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);
2054fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" style="color:var(--gd);font-weight:600">(405) 256-8035</a></div>
2055              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg><span>Mon – Sun · 8AM – 8PM</span></div>
2056              <div style="margin-top:1.25rem"><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="btn-ol-gd" style="font-size:.72rem;padding:.65rem 1.25rem">Get Directions →</a></div>
2057            </div>
2058            <div class="loc-card" style="border-color:rgba(200,151,58,.45)">
2059              <div class="loc-tag">Mustang, OK <span style="background:var(--gd);color:var(--bk);font-size:.6rem;padding:.2rem .55rem;letter-spacing:.12em;vertical-align:middle;margin-left:.5rem">NEW</span></div>
2060              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" style="color:var(--mid)">308 W State Hwy 152 Unit 112, Mustang, OK 73064</a></div>
2061              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052989558" style="color:var(--gd);font-weight:600">(405) 298-9558</a></div>
2062              <div class="loc-row"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg><span>Mon – Sun · 8AM – 8PM</span></div>
2063              <div style="margin-top:1.25rem"><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="btn-ol-gd" style="font-size:.72rem;padding:.65rem 1.25rem">Visit Mustang Site →</a></div>
2064            </div>
2065            <div style="padding:1.5rem;background:var(--bg2);border:1px solid var(--line);display:flex;gap:1rem">
2066              <a href="https://www.facebook.com/EliteTintOKC/" target="_blank" rel="noopener noreferrer" aria-label="Elite Tint on Facebook" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem;border:1px solid var(--line-gd);color:var(--gd);font-size:.78rem;font-weight:600;letter-spacing:.06em"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> Facebook</a>
2067              <a href="https://www.instagram.com/elitetintokc/" target="_blank" rel="noopener noreferrer" aria-label="Elite Tint on Instagram" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem;border:1px solid var(--line-gd);color:var(--gd);font-size:.78rem;font-weight:600;letter-spacing:.06em"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> Instagram</a>
2068            </div>
2069          </div>
2070        </div>
2071        <div>
2072          <div style="background:var(--bg2);border:1px solid var(--line-gd);overflow:hidden">
2073            <div style="padding:2rem;border-bottom:1px solid var(--line-gd)">
2074              <h3 style="font-family:var(--fd);font-size:2rem;margin-bottom:.4rem">Get a Free Quote</h3>
2075              <p style="font-size:.85rem;color:var(--muted)">Fill out the form and we'll get back to you fast.</p>
2076            </div>
2077            <iframe src="https://app.tintwiz.com/web/ce/8uj2eytwwpymjpgjrlvo6xvjuor93imi" frameborder="0" title="Get a free quote from Elite Tint OKC" style="display:block;border:none;width:100%;height:1400px;min-height:1400px" scrolling="auto"></iframe>
2078          </div>
2079        </div>
2080      </div>
2081    </div>
2082  </section>
2083</div>
2084<footer role="contentinfo" style="background:#060606;padding:5rem 0 2rem;border-top:2px solid rgba(200,151,58,.2)">
2085  <div class="wrap">
2086    <div class="footer-grid" style="margin-bottom:4rem">
2087      <div>
2088        <img src="/img/logo-transparent.png?v=20260524b" alt="Elite Tint OKC" width="220" height="136" style="height:66px;width:auto;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 0 14px rgba(200,151,58,.4))">
2089        <p style="font-size:.85rem;line-height:1.75;color:var(--muted);max-width:250px;margin-bottom:1.75rem">Oklahoma City's premier XPEL-certified window tinting and paint protection shop. Two locations serving the OKC metro.</p>
2090        <div style="display:flex;gap:.6rem;margin-bottom:1.5rem">
2091          <a href="https://www.facebook.com/EliteTintOKC/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" style="width:40px;height:40px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.3);display:flex;align-items:center;justify-content:center;color:var(--gd)"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
2092          <a href="https://www.instagram.com/elitetintokc/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" style="width:40px;height:40px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.3);display:flex;align-items:center;justify-content:center;color:var(--gd)"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
2093        </div>
2094        <div style="display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(200,151,58,.3);padding:.35rem .9rem;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gd)">✦ XPEL Certified Installer</div>
2095      </div>
2096      <div>
2097        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Services</h4>
2098        <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem">
2099          <li><span onclick="showPage('svc-auto')"  class="fl" aria-label="Automotive Tinting" style="background:none;border:none;padding:0">Automotive Tinting</span></li>
2100          <li><span onclick="showPage('svc-ppf')"  class="fl" aria-label="Paint Protection Film" style="background:none;border:none;padding:0">Paint Protection Film</span></li>
2101          <li><span onclick="showPage('svc-ceramic')"  class="fl" aria-label="Ceramic Coatings" style="background:none;border:none;padding:0">Ceramic Coatings</span></li>
2102          <li><span onclick="showPage('svc-residential')"  class="fl" aria-label="Residential Tinting" style="background:none;border:none;padding:0">Residential Tinting</span></li>
2103          <li><span onclick="showPage('svc-commercial')"  class="fl" aria-label="Commercial Tinting" style="background:none;border:none;padding:0">Commercial Tinting</span></li>
2104          <li><span onclick="showPage('svc-windshield')"  class="fl" aria-label="Windshield Protection" style="background:none;border:none;padding:0">Windshield Protection</span></li>
2105          <li><span onclick="showPage('svc-correction')"  class="fl" aria-label="Paint Corrections" style="background:none;border:none;padding:0">Paint Corrections</span></li>
2106          <li><span onclick="showPage('svc-vinyl')"  class="fl" aria-label="Vinyl Wraps" style="background:none;border:none;padding:0">Vinyl Wraps</span></li>
2107        </ul>
2108      </div>
2109      <div>
2110        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Quick Links</h4>
2111        <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem">
2112          <li><span onclick="showPage('home')"  class="fl" role="link" tabindex="0" aria-label="Go to Home page" aria-label="Home" style="background:none;border:none;padding:0">Home</span></li>
2113          <li><span onclick="showPage('about')"  class="fl" aria-label="About Us" style="background:none;border:none;padding:0">About Us</span></li>
2114          <li><span onclick="showPage('faqs')"  class="fl" aria-label="FAQs" style="background:none;border:none;padding:0">FAQs</span></li>
2115          <li><span onclick="showPage('laws')"  class="fl" aria-label="Tint Laws" style="background:none;border:none;padding:0">Tint Laws</span></li>
2116          <li><span onclick="showPage('contact')"  class="fl" aria-label="Contact Us" style="background:none;border:none;padding:0">Contact Us</span></li>
2117          <li><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="fl">Mustang Location ↗</a></li>
2118        </ul>
2119      </div>
2120      <div>
2121        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Contact</h4>
2122        <div style="display:flex;flex-direction:column;gap:.9rem">
2123          <div style="display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);
2123fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg><a href="tel:4052568035" class="fl">(405) 256-8035</a></div>
2124          <div style="display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" class="fl">722 NW 86th St Suite D<br>Oklahoma City, OK 73114</a></div>
2125          <div style="display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--muted)"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0;margin-top:.1rem"><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><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="fl">308 W State Hwy 152 Unit 112<br>Mustang, OK 73064</a></div>
2126      <div style="margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)">
2127        <div style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem"><span style="width:16px;height:1px;background:var(--gd);display:block"></span>Our Location</div>
2128        <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer"
2129   style="display:block;text-decoration:none;border:1px solid var(--line-gd);overflow:hidden;transition:border-color .2s"
2130   onmouseover="this.style.borderColor='var(--gd)'" onmouseout="this.style.borderColor='var(--line-gd)'">
2131  <div style="background:linear-gradient(135deg,#111 0%,#161616 100%);padding:1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:160px;position:relative;overflow:hidden">
2132    <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(200,151,58,.06) 0%,transparent 70%)"></div>
2133    <svg viewBox="0 0 24 24" style="width:32px;height:32px;stroke:var(--gd);fill:none;stroke-width:1.5;position:relative;z-index:1"><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>
2134    <div style="text-align:center;position:relative;z-index:1">
2135      <div style="font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.25rem">Elite Tint OKC</div>
2136      <div style="font-size:.75rem;color:var(--mid)">722 NW 86th St Suite D</div>
2137      <div style="font-size:.72rem;color:var(--muted)">Oklahoma City, OK 73114</div>
2138    </div>
2139    <div style="font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.35rem .9rem;position:relative;z-index:1">Open in Google Maps →</div>
2140  </div>
2141</a>
2142        <div style="display:flex;gap:.5rem;margin-top:.6rem">
2143          <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;background:var(--bg3);border:1px solid var(--line-gd);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);text-decoration:none;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='var(--bg3)'"><svg viewBox="0 0 24 24" style="width:11px;height:11px;stroke:var(--gd);fill:none;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>OKC</a>
2144          <a href="https://www.google.com/maps/search/Elite+Window+Tinting+Mustang+OK/@35.384159,-97.7309887,17z" target="_blank" rel="noopener noreferrer" style="flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;background:var(--bg3);border:1px solid var(--line-gd);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);text-decoration:none;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.1)'" onmouseout="this.style.background='var(--bg3)'"><svg viewBox="0 0 24 24" style="width:11px;height:11px;stroke:var(--gd);
2144fill:none;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>Mustang</a>
2145        </div>
2146      </div>
2147        <div style="margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem">
2148          <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.6rem 1rem;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.08)'" onmouseout="this.style.background='transparent'"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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>OKC, Get Directions →</a>
2149          <a href="https://www.google.com/maps/search/Elite+Window+Tinting+Mustang+OK" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd);border:1px solid var(--line-gd);padding:.6rem 1rem;transition:background .2s" onmouseover="this.style.background='rgba(200,151,58,.08)'" onmouseout="this.style.background='transparent'"><svg viewBox="0 0 24 24" style="width:13px;height:13px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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>Mustang, Get Directions →</a>
2150        </div>
2151        </div>
2152      </div>
2153    </div>
2154    <div style="border-top:1px solid var(--line);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:rgba(255,255,255,.2)">
2155      <span>© 2025 Elite Window Tinting & Paint Protection. All rights reserved.</span>
2156    </div>
2157  </div>
2158</footer>
2159<div id="sticky-bar">
2160  <a href="tel:4052568035" class="sticky-call" aria-label="Call Elite Tint OKC"><svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:var(--gd);fill:none;stroke-width:2;flex-shrink:0"><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 13.3 19.79 19.79 0 0 1 1.62 4.7 2 2 0 0 1 3.59 2.52h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.09a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.49 17.5"/></svg> Call (405) 256-8035</a>
2161  <div class="sticky-div"></div>
2162  <button class="sticky-quote" onclick="openModal()">Get Free Quote</button>
2163</div>
2164<div class="overlay" id="qModal" onclick="if(event.target===this)closeModal()" tabindex="0" role="button">
2165  <div style="background:#fff;width:min(740px,96vw);margin:1rem auto;position:relative;border-radius:4px;overflow:visible">
2166    <button onclick="closeModal()" aria-label="Close" style="position:fixed;top:1rem;right:1rem;z-index:600;background:var(--gd);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--bk);cursor:pointer">✕</button>
2167    <div id="tzw_ph" role="region" aria-label="Quote request form" style="height:400px;display:flex;align-items:center;justify-content:center"><div style="color:#888;font-size:.9rem">Loading…</div></div>
2168  </div>
2169</div>
2170
2171<script>
2172const ALLP=['home','faqs','laws','about','contact','svc-auto','svc-ppf','svc-ceramic','svc-residential','svc-commercial','svc-windshield','svc-vinyl','svc-correction'];
2173const SVCP=['svc-auto','svc-ppf','svc-ceramic','svc-residential','svc-commercial','svc-windshield','svc-vinyl','svc-correction'];
2174
2175// ── iOS-safe scroll lock ──────────────────────────────────────────
2176var _lockY=0;
2177function lockScroll(){
2178  _lockY=window.pageYOffset;
2179  document.body.style.overflow='hidden';
2180  document.body.style.position='fixed';
2181  document.body.style.top='-'+_lockY+'px';
2182  document.body.style.width='100%';
2183}
2184function unlockScroll(){
2185  document.body.style.overflow='';
2186  document.body.style.position='';
2187  document.body.style.top='';
2188  document.body.style.width='';
2189  window.scrollTo(0,_lockY);
2190}
2191
2192// ── showPage ─────────────────────────────────────────────────────
2193var PAGE_META = {
2194  'home': {title:'Elite Tint OKC | Window Tinting & Paint Protection OKC', desc:"Oklahoma City's #1 XPEL-certified window tinting, paint protection film & ceramic coatings. Two locations. Lifetime warranty. Free quotes. (405) 256-8035."},
2195  'svc-auto': {title:'Automotive Window Tinting OKC | XPEL Ceramic Tint | Elite Tint', desc:'XPEL ceramic window tinting in Oklahoma City. Block 98% heat, 99% UV. Lifetime warranty on all installs. Free quotes. (405) 256-8035.'},
2196  'svc-ppf': {title:'Paint Protection Film OKC | XPEL PPF Clear Bra | Elite Tint OKC', desc:'XPEL-certified Paint Protection Film (PPF / clear bra) in Oklahoma City. Self-healing, 10-year warranty. Full front, full vehicle & custom packages. Financing available. Free quote: (405) 256-8035.'},
2197  'svc-ceramic': {title:'Ceramic Coating OKC | Professional Paint Protection | Elite Tint', desc:'Professional ceramic coating in Oklahoma City. Deep gloss, hydrophobic protection, easier washing. Pair with PPF for ultimate paint care. Free quote: (405) 256-8035.'},
2198  'svc-residential': {title:'Residential Window Tinting OKC | Home Window Film | Elite Tint', desc:'Residential window tinting in Oklahoma City. Block heat, reduce glare, save on energy. Lifetime warranty. Free quotes. (405) 256-8035.'},
2199  'svc-commercial': {title:'Commercial Window Tinting OKC | Office & Storefront Film | Elite Tint', desc:'Commercial window tinting for OKC offices, storefronts, and buildings. Energy savings, security, and branding solutions. Free quotes. (405) 256-8035.'},
2200  'svc-windshield': {title:'Windshield Protection Film OKC | XPEL Clear Bra | Elite Tint', desc:'XPEL windshield protection film in Oklahoma City. Stop rock chips before they happen. Clear, optical-grade, ADAS-friendly. (405) 256-8035.'},
2201  'svc-vinyl': {title:'Vinyl Wraps OKC | Custom Vehicle Wraps | Elite Tint OKC', desc:'Premium vinyl wraps in Oklahoma City. Color changes, satin/matte/gloss finishes, accent wraps. Pairs perfectly with ceramic tint. (405) 256-8035.'},
2202  'svc-correction': {title:'Paint Correction OKC | Swirl & Scratch Removal | Elite Tint', desc:'Professional paint correction in Oklahoma City. Remove swirls, scratches, and oxidation. Perfect prep before PPF or ceramic coating. (405) 256-8035.'},
2203  'faqs': {title:'FAQs | Elite Tint OKC | Window Tinting & PPF Questions', desc:'Frequently asked questions about window tinting, PPF, and ceramic coatings in Oklahoma City. Pricing, warranty, install times, and more.'},
2204  'laws': {title:'Oklahoma Tint Laws | Legal Window Tint Limits | Elite Tint OKC', desc:'Oklahoma window tint law: legal VLT limits for sedans, SUVs, trucks. Front, rear, and side windows explained. Stay legal in OKC.'},
2205  'about': {title:'About Elite Tint OKC | XPEL Certified | 500+ 5-Star Reviews', desc:'Oklahoma City\'s #1 XPEL-certified window tint and paint protection shop. 15+ years experience, 500+ 5-star reviews, lifetime warranty.'},
2206  'contact': {title:'Contact Elite Tint OKC | (405) 256-8035 | Free Quote', desc:'Contact Elite Tint OKC. Two locations in Oklahoma City and Mustang. Open 7 days a week, 8AM–8PM. Call (405) 256-8035 or request a free online quote.'}
2207};
2208function updatePageMeta(id){
2209  var meta = PAGE_META[id]; if(!meta) return;
2210  document.title = meta.title;
2211  var d = document.querySelector('meta[name="description"]'); if(d) d.setAttribute('content', meta.desc);
2212  var og = document.querySelector('meta[property="og:title"]'); if(og) og.setAttribute('content', meta.title);
2213  var ogd = document.querySelector('meta[property="og:description"]'); if(ogd) ogd.setAttribute('content', meta.desc);
2214  var tw = document.querySelector('meta[name="twitter:title"]'); if(tw) tw.setAttribute('content', meta.title);
2215  var twd = document.querySelector('meta[name="twitter:description"]'); if(twd) twd.setAttribute('content', meta.desc);
2216}
2217function showPage(id,push){
2218  ALLP.forEach(function(p){var el=document.getElementById('page-'+p);if(el)el.classList.toggle('active',p===id);});
2219  document.querySelectorAll('.nav-links>li>a').forEach(function(a){a.classList.remove('active');});
2220  var m={home:'nl-home',faqs:'nl-faqs',laws:'nl-laws',about:'nl-about',contact:'nl-contact'};
2221  if(m[id])document.getElementById(m[id])&&document.getElementById(m[id]).classList.add('active');
2222  if(SVCP.indexOf(id)>-1)document.getElementById('nl-svc')&&document.getElementById('nl-svc').classList.add('active');
2223  window.scrollTo({top:0,behavior:'instant'});
2224  updatePageMeta(id);
2225  var urls={home:'/',faqs:'/faqs',laws:'/oklahoma-tint-laws',about:'/about',contact:'/contact','svc-auto':'/services/automotive-window-tinting','svc-ppf':'/services/paint-protection-film','svc-ceramic':'/services/ceramic-coatings','svc-residential':'/services/residential-window-tinting','svc-commercial':'/services/commercial-window-tinting','svc-windshield':'/services/windshield-protection','svc-vinyl':'/services/vinyl-wraps','svc-correction':'/services/paint-corrections'};
2226  if(push!==false){history.pushState({page:id},document.title,urls[id]||'/');}
2227  // Defensive: re-kick any images that failed to load (mobile Safari quirk)
2228  var pg=document.getElementById('page-'+id);
2229  if(pg){
2230    requestAnimationFrame(function(){
2231      pg.querySelectorAll('img').forEach(function(img){
2232        if(img.complete && img.naturalWidth===0 && img.src){
2233          var s=img.src; img.src=''; img.src=s;
2234        }
2235      });
2236    });
2237  }
2238}
2239
2240// Global safety net: on initial load, retry any broken images after a delay
2241window.addEventListener('load',function(){
2242  setTimeout(function(){
2243    document.querySelectorAll('img').forEach(function(img){
2244      if(img.complete && img.naturalWidth===0 && img.src){
2245        var s=img.src; img.src=''; img.src=s;
2246      }
2247    });
2248  },500);
2249});
2250
2251// Per-image error handler: retry once on failure
2252document.addEventListener('error',function(e){
2253  var t=e.target;
2254  if(t && t.tagName==='IMG' && !t.dataset.retried){
2255    t.dataset.retried='1';
2256    var s=t.src; t.src=''; setTimeout(function(){t.src=s;},100);
2257  }
2258},true);
2259
2260// ── Modal ─────────────────────────────────────────────────────────
2261function openModal(){
2262  var m=document.getElementById('qModal');
2263  if(!m||m.classList.contains('open'))return;
2264  m.style.display='block';
2265  m.classList.add('open');
2266  lockScroll();
2267  m.scrollTop=0;
2268  requestAnimationFrame(function(){
2269    var ph=document.getElementById('tzw_ph');
2270    if(ph){
2271      var ifr=document.createElement('iframe');
2272      ifr.src='https://app.tintwiz.com/web/ce/8uj2eytwwpymjpgjrlvo6xvjuor93imi';
2273      ifr.frameBorder='0';
2274      ifr.title='Get a free quote';
2275      ifr.style.cssText='display:block;border:none;width:100%;height:1500px;min-height:1500px';
2276      ph.parentNode.replaceChild(ifr,ph);
2277    }
2278  });
2279}
2280function closeModal(){
2281  var m=document.getElementById('qModal');
2282  if(!m)return;
2283  m.classList.remove('open');
2284  m.style.display='';
2285  unlockScroll();
2286}
2287
2288// ── FAQ ───────────────────────────────────────────────────────────
2289function toggleFaq(el){
2290  var p=el.closest('.faq-item');
2291  if(!p)return;
2292  var was=p.classList.contains('open');
2293  document.querySelectorAll('.faq-item.open').forEach(function(i){i.classList.remove('open');});
2294  if(!was)p.classList.add('open');
2295}
2296
2297// ── Mobile nav ────────────────────────────────────────────────────
2298var ham=document.getElementById('ham');
2299var mobNav=document.getElementById('mob-nav');
2300
2301function closeMob(){
2302  if(mobNav)mobNav.style.display='none';
2303  if(ham)ham.textContent='☰';
2304  unlockScroll();
2305}
2306
2307if(ham&&mobNav){
2308  ham.addEventListener('click',function(e){
2309    e.stopPropagation();
2310    if(mobNav.style.display==='flex'){
2311      closeMob();
2312    } else {
2313      mobNav.style.display='flex';
2314      ham.textContent='✕';
2315      lockScroll();
2316    }
2317  });
2318}
2319
2320document.addEventListener('click',function(e){
2321  if(mobNav&&mobNav.style.display==='flex'){
2322    if(!mobNav.contains(e.target)&&e.target!==ham&&!ham.contains(e.target)){
2323      closeMob();
2324    }
2325  }
2326});
2327
2328// ── Mobile services toggle ────────────────────────────────────────
2329function toggleMobSvc(){
2330  var l=document.getElementById('mob-svc-list');
2331  var b=document.getElementById('mob-svc-t');
2332  if(l){
2333    var o=l.style.display==='flex';
2334    l.style.display=o?'none':'flex';
2335    if(b)b.setAttribute('aria-expanded',o?'false':'true');
2336  }
2337}
2338
2339// ── Services dropdown ─────────────────────────────────────────────
2340(function(){
2341  var sli=document.getElementById('svc-li'),smeg=document.getElementById('svc-mega');
2342  var lli=document.getElementById('loc-li'),lmeg=document.getElementById('loc-mega');
2343  if(!sli||!smeg)return;
2344
2345  function openSvc(){smeg.style.display='block';sli.classList.add('open');if(lmeg){lmeg.style.display='none';if(lli)lli.classList.remove('open');}}
2346  function closeSvc(){smeg.style.display='none';sli.classList.remove('open');}
2347  function openLoc(){if(!lli||!lmeg)return;lmeg.style.display='block';lli.classList.add('open');smeg.style.display='none';sli.classList.remove('open');}
2348  function closeLoc(){if(!lmeg||!lli)return;lmeg.style.display='none';lli.classList.remove('open');}
2349
2350  sli.querySelector('a').addEventListener('click',function(e){e.stopPropagation();smeg.style.display==='block'?closeSvc():openSvc();});
2351  if(lli)lli.querySelector('a').addEventListener('click',function(e){e.stopPropagation();lmeg&&lmeg.style.display==='block'?closeLoc():openLoc();});
2352
2353  smeg.querySelectorAll('.mega-item').forEach(function(a){a.addEventListener('click',function(){closeSvc();});});
2354
2355  document.addEventListener('click',function(e){
2356    if(!sli.contains(e.target))closeSvc();
2357    if(lli&&!lli.contains(e.target))closeLoc();
2358  });
2359
2360  if(window.matchMedia('(hover:hover)').matches){
2361    var ts,tl;
2362    sli.addEventListener('mouseenter',function(){clearTimeout(ts);openSvc();});
2363    sli.addEventListener('mouseleave',function(){ts=setTimeout(closeSvc,160);});
2364    smeg.addEventListener('mouseenter',function(){clearTimeout(ts);});
2365    smeg.addEventListener('mouseleave',function(){ts=setTimeout(closeSvc,160);});
2366    if(lli){
2367      lli.addEventListener('mouseenter',function(){clearTimeout(tl);openLoc();});
2368      lli.addEventListener('mouseleave',function(){tl=setTimeout(closeLoc,160);});
2369      if(lmeg){lmeg.addEventListener('mouseenter',function(){clearTimeout(tl);});lmeg.addEventListener('mouseleave',function(){tl=setTimeout(closeLoc,160);});}
2370    }
2371  }
2372})();
2373
2374// ── Back/forward ──────────────────────────────────────────────────
2375window.addEventListener('popstate',function(e){
2376  var page=(e.state&&e.state.page)?e.state.page:'home';
2377  if(!e.state){var urlMap={'/faqs':'faqs','/oklahoma-tint-laws':'laws','/about':'about','/contact':'contact','/services/automotive-window-tinting':'svc-auto','/services/paint-protection-film':'svc-ppf','/services/ceramic-coatings':'svc-ceramic','/services/residential-window-tinting':'svc-residential','/services/commercial-window-tinting':'svc-commercial','/services/windshield-protection':'svc-windshield','/services/vinyl-wraps':'svc-vinyl','/services/paint-corrections':'svc-correction'};page=urlMap[location.pathname]||location.hash.replace('#','')||'home';}
2378  showPage(page,false);
2379});
2380(function(){
2381  var urlMap={'/faqs':'faqs','/oklahoma-tint-laws':'laws','/about':'about','/contact':'contact','/services/automotive-window-tinting':'svc-auto','/services/paint-protection-film':'svc-ppf','/services/ceramic-coatings':'svc-ceramic','/services/residential-window-tinting':'svc-residential','/services/commercial-window-tinting':'svc-commercial','/services/windshield-protection':'svc-windshield','/services/vinyl-wraps':'svc-vinyl','/services/paint-corrections':'svc-correction'};
2382  var path=location.pathname.replace(/\/$/,'');
2383  var hash=location.hash.replace('#','');
2384  var page=urlMap[path]||(hash&&ALLP.indexOf(hash)>-1?hash:'home');
2385  showPage(page,false);
2386  if(urlMap[path])history.replaceState({page:page},document.title,path);
2387})();
2388
2389function scrollToSvc(){
2390  showPage('home');
2391  setTimeout(function(){
2392    var el=document.getElementById('svc-section');
2393    if(el)window.scrollTo({top:el.getBoundingClientRect().top+window.scrollY-110,behavior:'smooth'});
2394  },120);
2395}
2396
2397window.addEventListener('load',function(){
2398  document.addEventListener('touchstart',function(){},{passive:true});
2399  document.addEventListener('touchmove',function(){},{passive:true});
2400  document.addEventListener('wheel',function(){},{passive:true});
2401});
2402</script>
2402
2403</body>
2404</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.