PageSourceSearch

https://elitetintokc.netlify.app/window-tinting-oklahoma-city-ok/

html elitetintokc.netlify.app collected 2026-10-03 10:41:34 UTC 78,735 bytes, 741 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
6<title>Window Tinting Oklahoma City, OK | Oklahoma City's #1 Tint Shop — Elite Tint OKC</title>
7<meta name="description" content="Oklahoma City's #1 window tinting. Elite Tint OKC — XPEL certified. 98% heat rejection, lifetime warranty. 500+ 5-star reviews. Serving Edmond, Yukon, Mustang, Moore and Midwest City. (405) 256-8035.">
8<meta name="robots" content="index,follow">
9<meta property="og:title" content="Oklahoma City's #1 Window Tinting | Elite Tint OKC">
10<meta property="og:image" content="https://elitetintokc.com/og-image.jpg">
11<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
12<meta property="og:url" content="https://elitetintokc.com/window-tinting-oklahoma-city-ok">
13<meta property="og:type" content="website">
14<meta name="twitter:card" content="summary_large_image">
15<meta name="twitter:image" content="https://elitetintokc.com/og-image.jpg">
16<link rel="canonical" href="https://elitetintokc.com/window-tinting-oklahoma-city-ok">
17<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
18<link rel="apple-touch-icon" href="/apple-touch-icon.png">
19<style>
20
21: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}
22*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
23body{font-family:var(--fb);background:var(--bg);color:var(--text);overflow-x:hidden;padding-bottom:60px}
24img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
25.wrap{max-width:1380px;margin:0 auto;padding:0 2.5rem}
26.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}
27.eyebrow::before{content:'';width:24px;height:1px;background:var(--gd)}
28.sec-title{font-family:var(--fd);font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:.93;letter-spacing:.02em}
29.sec-title span{color:var(--gd)}
30.page{display:none;min-height:100vh}.page.active{display:block}.page-pt{padding-top:100px;min-height:100vh}
31.ticker{background:var(--gd);padding:.65rem 0;overflow:hidden;white-space:nowrap}
32.ticker-track{display:inline-flex;animation:tick 28s linear infinite;will-change:transform}
33.ti{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--bk);padding:0 1.75rem}
34.ti::after{content:'◆';margin-left:1.75rem;font-size:.5rem;vertical-align:middle;opacity:.6}
35@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
36.page-hero{position:relative;height:380px;display:flex;align-items:flex-end;overflow:hidden}
37.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center}
38.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%)}
39.ph-body{position:relative;z-index:2;padding:1.5rem 2.5rem 3rem;width:100%}
40.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}
41.ph-tag::before{content:'';width:24px;height:1px;background:var(--gd)}
42.bc{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}
43.bcl{cursor:pointer;color:var(--muted);transition:color .2s}.bcl:hover{color:var(--gd)}.bc-sep{color:var(--gd)}
44.cta-strip{padding:5rem 0;background:var(--gd);position:relative;overflow:hidden}
45.cta-i{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}
46.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}
47.feat:last-child{border-bottom:1px solid var(--line)}.feat:hover{border-top-color:var(--line-gd)}
48.feat-title{font-size:.9rem;font-weight:600;margin-bottom:.3rem}
49.feat-desc{font-size:.85rem;line-height:1.6;color:var(--muted)}
50.feat-val{font-family:var(--fd);font-size:1.5rem;color:rgba(200,151,58,.35);line-height:1}
51.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line)}
52.svc-card{background:var(--bg);position:relative;overflow:hidden;transition:background .25s;cursor:pointer;-webkit-tap-highlight-color:transparent}
53.svc-card:hover{background:var(--bg2)}
54.svc-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gd);
54transform:scaleX(0);transform-origin:left;transition:transform .35s}
55.svc-card:hover::after{transform:scaleX(1)}
56.svc-card-img{height:200px;overflow:hidden}.svc-card-img img{width:100%;height:100%;object-fit:cover;object-position:center center}.svc-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
57.svc-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
58.svc-card:hover .svc-card-img img{transform:scale(1.04)}
59.svc-card-body{padding:1.75rem}
60.svc-card-tag{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
61.svc-card-body h3{font-family:var(--fd);font-size:1.55rem;letter-spacing:.02em;margin-bottom:.6rem}
62.svc-card-body p{font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:1.25rem}
63.svc-card-links{display:flex;gap:1rem;align-items:center}
64.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}
65.mini-btn:hover{background:var(--gd-lt)}
66.faq-item{border-bottom:1px solid var(--line);overflow:hidden}
67.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}
68.faq-q:hover{color:var(--gd)}
69.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%}
70.faq-item.open .faq-icon{transform:rotate(45deg)}
71.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
72.faq-item.open .faq-a{max-height:800px;padding-bottom:1.25rem}
73.faq-a p{font-size:.9rem;line-height:1.75;color:var(--mid)}
74.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)}
75.btn-gold:hover{background:var(--gd-lt);transform:translateY(-2px)}
76.btn-hero{padding:1.1rem 2.4rem;font-size:.82rem}
77.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)}
78.btn-ol-gd:hover{background:var(--gd);color:var(--bk)}
79.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}
80.btn-bk:hover{border-color:var(--gd)}
81.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}
82.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}
83.tag-btn:hover{color:var(--gd);background:rgba(200,151,58,.08)}
84#nav{position:fixed;top:0;left:0;right:0;z-index:500;overflow:visible}
85#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}
86.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}
87.nt-soc:hover{background:rgba(200,151,58,.12)}
88#nav-main{background:#060606;border-bottom:none;padding:0 2.5rem;height:70px;display:flex;align-items:center;gap:2rem;position:relative}
89.nav-logo{display:flex;align-items:center;cursor:pointer;background:transparent}
90.nav-logo img{height:52px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(200,151,58,.35))}
91.nav-links{display:flex;align-items:center;list-style:none;height:70px;gap:0}
92.nav-links>li{height:100%;display:flex;align-items:center;position:relative}
93.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;
93color:var(--mid);transition:color .2s;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}
94.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--gd);border-bottom-color:var(--gd)}
95.arr{font-size:.55rem;transition:transform .2s}
96.nav-links>li.open>a .arr{transform:rotate(180deg)}
97.svc-mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:580px;z-index:600}
98.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)}
99.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}
100.mega-item:hover{background:rgba(200,151,58,.07)}
101.mega-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.04)}
102.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}
103.mega-text h4{font-size:.78rem;font-weight:600;color:var(--text);letter-spacing:.04em;margin-bottom:.18rem}
104.mega-text p{font-size:.7rem;color:var(--muted);line-height:1.4}
105.mega-item:hover .mega-text h4{color:var(--gd)}
106.nav-r{display:flex;align-items:center;gap:.6rem}
107.nav-links{flex:1;justify-content:space-evenly}
108.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}
109.nav-call-btn:hover{background:var(--gd);color:var(--bk)}
110.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)}
111.nav-quote-btn:hover{background:var(--gd-lt)}
112.ham{display:none;background:none;border:none;cursor:pointer;color:var(--text);font-size:1.5rem;line-height:1;padding:.2rem}
113#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)}
114.mob-l{display:block;width:100%;padding:.9rem 0;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;color: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}
115.mob-l:hover{color:var(--gd)}
116.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}
117.mob-svc-list.open{display:flex}
118.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}
119.mob-sl:hover{color:var(--gd)}
120.mob-acts{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
121.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}
122.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)}
123#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)}
124.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}
125.sticky-call:hover{background:#1a1a1a}
126.sticky-div{width:1px;background:rgba(200,151,58,.3)}
127.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}
128.sticky-quote:hover{background:var(--gd-lt)}
129.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}
130.overlay.open{display:block}
131.g2{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
132.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
133.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
134.rev-card{display:block;background:var(--bg3);padding:2rem;border:1px solid var(--line);transition:border-color .25s;text-decoration:none}
135.rev-card:hover{border-color:var(--line-gd)}
136.loc-card{background:var(--bg2);padding:2.5rem;border:1px solid var(--line-gd)}
137.loc-tag{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem}
138.loc-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;
138color:var(--mid);margin-bottom:.75rem}
139.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:5rem;align-items:start}
140.faq-sidebar{position:sticky;top:120px}
141.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}
142.faq-cat-btn:hover,.active-cat{color:var(--gd);border-left-color:var(--gd);background:rgba(200,151,58,.05)}
143.law-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}
144.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)}
145.law-table td{padding:.85rem 1rem;font-size:.88rem;color:var(--mid);border-bottom:1px solid var(--line)}
146.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)}
147.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)}
148.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)}
149.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:4rem}
150.fl{font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .2s}
151.fl:hover{color:var(--text)}
152a:focus-visible,button:focus-visible{outline:2px solid var(--gd);outline-offset:2px}
153@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}}
154@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}}
155@media(max-width:600px){.wrap{padding:0 1.25rem}#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}}
156
157.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}
158.mob-nav-ph:hover,.mob-nav-loc:hover{background:rgba(200,151,58,.12)}
159@media(max-width:1100px){.mob-nav-ph,.mob-nav-loc{display:flex}}
160
161
162
163
164
165@media(max-width:1100px){#nav-top .brand-center{display:none}}
166
167@media(max-width:1100px){.nav-brand-text{display:none!important}}
168
169@media(max-width:1100px){
170  .nav-brand span:first-child{font-size:.78rem!important;letter-spacing:.04em!important}
171  .nav-brand span:last-child{font-size:.5rem!important;letter-spacing:.12em!important}
172  .nav-brand{padding-left:.5rem!important;margin-left:.4rem!important;min-width:0!important}
173  .nav-r{gap:.5rem!important;margin-left:auto;padding-left:.75rem}
174}
175
176@media(max-width:480px){
177  .nav-logo img{height:42px!important}
178  .nav-brand span:first-child{font-size:.7rem!important}
179  .nav-brand span:last-child{font-size:.46rem!important}
180  .nav-brand{padding-left:.4rem!important;margin-left:.3rem!important}
181  #nav-main{padding:0 .75rem!important;gap:.5rem!important}
182}
183@media(max-width:360px){
184  .mob-nav-loc{display:none!important}
185  .nav-brand span:last-child{display:none!important}
186}
187
188@media(max-width:600px){
189  .svc-card-img img{object-position:center 40%}
190}
191
192@media(max-width:700px){
193  .law-table{width:100%;border-collapse:collapse}
194  .law-table thead th{padding:.5rem .4rem;font-size:.6rem;letter-spacing:.06em}
195  .law-table td{padding:.6rem .4rem;font-size:.75rem;border-bottom:1px solid var(--line);vertical-align:middle}
196  .law-table td:nth-child(1){width:22%;font-weight:600}
197  .law-table td:nth-child(2){width:50%}
198  .law-table td:nth-child(3){width:28%;text-align:center}
199  .badge-ok,.badge-warn,.badge-any{
200    font-size:.58rem;
201    padding:.25rem .3rem;
202    display:inline-block;
203    line-height:1.3;
204    text-align:center;
205    white-space:normal;
206    word-break:break-word;
207    max-width:80px;
208    width:100%;
209  }
210}
211
212@media(max-width:600px){
213  .cta-i{flex-direction:column;align-items:flex-start;gap:1.5rem}
214  .cta-i>div:last-child{display:flex;flex-direction:column;gap:.75rem;width:100%}
215  .cta-i>div:last-child .btn-bk,
216  .cta-i>div:last-child .btn-bk-ol{width:100%;text-align:center;justify-content:center;box-sizing:border-box}
217}
218.svc-card-ceramic .svc-card-img{height:200px}.svc-card-ceramic .svc-card-img img{object-fit:cover;object-position:center 30%}
219
220.hero-bg-logo{display:block}
221@media(max-width:768px){
222  .hero-bg-logo{
223    position:relative!important;
224    right:auto!important;
225    top:auto!important;
226    transform:none!important;
227    width:200px!important;
228    margin:2.5rem auto 0!important;
229    display:block!important;
230    opacity:.15!important;
231  }
232}
233
234@media(max-width:768px){
235  .hero-mobile-logo{display:block!important;margin:2rem auto 0!important;text-align:center!important;width:200px!important}
236  .hero-bg-logo{display:none!important}
237}
238
239/* Clean service page headers - no photos */
240.ph-bg{
241  background-image:none!important;
242  background:linear-gradient(135deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%)!important;
243}
244.ph-bg::before{
245  content:'';
246  position:absolute;
247  inset:0;
248  background:radial-gradient(ellipse at 80% 50%,rgba(200,151,58,.08) 0%,transparent 60%);
249}
250.ph-ov{
251  background:linear-gradient(to top,rgba(8,8,8,.95) 0%,rgba(8,8,8,.4) 60%,rgba(8,8,8,.1) 100%)!important;
252}
253.page-hero{
254  height:320px;
255  border-bottom:2px solid rgba(200,151,58,.25);
256}
257.ph-body{
258  padding-bottom:2.5rem!important;
259}
260
261
262.fl{background:none!important;border:none!important;padding:0!important;-webkit-appearance:none!important;outline:none!important}
263.fl:focus{outline:none!important;box-shadow:none!important}
264
265
266*:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important}
267button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gd)!important;outline-offset:2px!important}
268
269
270.svc-card{display:flex;flex-direction:column}
271.svc-card-body{flex:1;display:flex;flex-direction:column}
272.svc-card-links{margin-top:auto}
273.svc-card-body p{flex:1}
274.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);align-items:stretch}
275
276
277.skip-link{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
278.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}
279
280
281@media(max-width:768px){
282  .vette-img{height:auto!important;max-height:280px;object-fit:contain!important;background:#0d0d0d}
283}
284
285
286@media(max-width:600px){
287  .overlay{padding:0}
288  .overlay>div{margin:0!important;width:100%!important;min-height:100vh;border-radius:0!important}
289  .overlay>div iframe{height:100vh!important;min-height:500px}
290}
291@media(min-width:601px){
292  .overlay>div iframe{height:80vh;min-height:600px}
293}
294
295
296/* Service page images - responsive on mobile */
297@media(max-width:768px){
298  .svc-page-img{
299    height:260px!important;
300    object-position:center center!important;
301  }
302}
303@media(max-width:480px){
304  .svc-page-img{
305    height:220px!important;
306  }
307}
308
309
310.svc-card[onclick*="svc-auto"] .svc-card-img{height:260px!important}
311
312
313@media(max-width:768px){
314  .ph-body{padding-top:2rem!important}
315  .page-hero{padding-top:130px!important;height:300px!important}
316}
317
318
319@media(max-width:768px){
320  .hero-mobile-logo{display:block!important;width:200px!important;margin:2rem auto 0!important;opacity:.2!important}
321  .hero-bg-logo{display:none!important}
322}
323@media(max-width:480px){.hero-content-inner{padding-top:160px!important;padding-left:1.25rem!important;padding-right:1.25rem!important}}
324
325
326@media(max-width:768px){.hero-content-inner{padding-top:120px!important}}
327@media(max-width:480px){.hero-content-inner{padding-top:100px!important}}
328
329.cy-hero{background:linear-gradient(135deg,#050505 0%,#0d0d0d 100%);padding:160px 0 80px;position:relative;overflow:hidden;border-bottom:2px solid rgba(200,151,58,.3)}
330.cy-hero::before{content:'';position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at 80% 40%,rgba(200,151,58,.09) 0%,transparent 60%);pointer-events:none}
331.cy-inner{position:relative;z-index:1}
332.cy-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem;padding:.4rem .9rem;border:1px solid rgba(200,151,58,.3);background:rgba(200,151,58,.05)}
333.cy-h1{font-family:var(--fd);font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:.015em;margin-bottom:.75rem}
334.cy-sub{font-size:1rem;color:rgba(240,237,230,.6);line-height:1.6;max-width:520px;margin-bottom:2rem}
335.cy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:3rem}
336.cy-stat{background:rgba(8,8,8,.9);padding:1.5rem;text-align:center}
337.cy-sn{font-family:var(--fd);font-size:2.2rem;color:var(--gd);line-height:1}
338.cy-sl{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
339.csvc{background:var(--bg2);border:1px solid var(--line);padding:2rem;text-decoration:none;color:inherit;display:block;transition:all .2s}
340.csvc:hover{border-color:rgba(200,151,58,.45);transform:translateY(-2px)}
341.csvc-t{font-family:var(--fd);font-size:1.35rem;color:var(--text);margin-bottom:.4rem;margin-top:.75rem}
342.csvc-d{font-size:.83rem;color:var(--muted);line-height:1.65}
343.crev{background:var(--bg2);border:1px solid var(--line);padding:1.75rem}
344.cfaq{background:var(--bg2);border:1px solid var(--line);margin-bottom:.6rem}
345.cfaq[open]{border-color:rgba(200,151,58,.3)}
346.cfaq summary{padding:1.25rem 1.5rem;font-weight:700;font-size:.88rem;cursor:pointer;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center}
347.cfaq summary::after{content:'+';color:var(--gd);font-size:1.2rem;font-weight:300;flex-shrink:0}
348.cfaq[open] summary::after{content:'−'}
349.cfaq p{padding:.75rem 1.5rem 1.5rem;font-size:.85rem;color:var(--muted);line-height:1.75;margin:0;border-top:1px solid var(--line)}
350@media(max-width:768px){.cy-hero{padding:130px 0 60px}.cy-stats{grid-template-columns:repeat(2,1fr)}.cy-h1{font-size:2.8rem}.cwhy{grid-template-columns:1fr!important}.csgrid{grid-template-columns:1fr!important}}
351</style>
352<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 352-353
352
353<script async src="https://www.googletagmanager.com/gtag/js?id=
353AW-10790058058
vendor: 12 bytes, line 353
353"></script>
354<script>
355  
vendor: 133 bytes, lines 355-358
355window.dataLayer = window.dataLayer || [];
356  function gtag(){dataLayer.push(arguments);}
357  gtag('js', new Date());
358  gtag('config', '
358AW-10790058058
vendor: 4 bytes, line 358
358');
359</script>
359
360</head>
361<body>
362<nav id="nav" role="navigation" aria-label="Main navigation">
363  <div id="nav-top" style="position:relative">
364  
365    <div style="display:flex;align-items:center;gap:1.5rem">
366      <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>
367      <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>
368    </div>
369    <div style="display:flex;align-items:center;gap:.75rem">
370      <span style="font-size:.69rem;color:var(--muted)">Mon–Sun 8AM–8PM</span>
371      <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>
372      <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>
373    </div>
374  </div>
375  <div id="nav-main">
376    <div style="display:flex;align-items:center;flex-shrink:0"><a class="nav-logo" href="https://elitetintokc.com/" 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">
377      <img src="/img/logo-transparent.png?v=20260524" alt="Elite Tint OKC" width="220" height="136">
378      <div style="display:flex;flex-direction:column;justify-content:center;line-height:1.25;padding-left:.9rem;margin-left:.6rem" class="nav-brand">
379      <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>
380      <span style="font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);white-space:nowrap">OKLAHOMA CITY, OKLAHOMA</span>
381    </div>
382    </a></div>
383    <ul class="nav-links">
384      <li><a href="https://elitetintokc.com/" id="nl-home">Home</a></li>
385      <li id="svc-li">
386        <a id="nl-svc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Services <span class="arr">▾</span></a>
387        <div class="svc-mega" id="svc-mega"><div class="svc-mega-inner">
388          <a href="https://elitetintokc.com/services/automotive-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">🚗</div><div class="mega-text"><h4>Automotive Tinting</h4><p>XPEL ceramic, 98% heat rejection</p></div></a>
389          <a href="https://elitetintokc.com/services/paint-protection-film" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">🛡️</div><div class="mega-text"><h4>Paint Protection Film</h4><p>Self-healing PPF, chips & debris</p></div></a>
390          <a href="https://elitetintokc.com/services/residential-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">🏠</div><div class="mega-text"><h4>Residential Tinting</h4><p>Save up to 30% on cooling costs</p></div></a>
391          <a href="https://elitetintokc.com/services/commercial-window-tinting" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">🏢</div><div class="mega-text"><h4>Commercial Tinting</h4><p>Office & storefront window films</p></div></a>
392          <a href="https://elitetintokc.com/services/windshield-protection" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><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></a>
393          <a href="https://elitetintokc.com/services/vinyl-wraps" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon"><svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:var(--gd);
393fill: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></a>
394          <a href="https://elitetintokc.com/services/ceramic-coatings" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><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></a>
395          <a href="https://elitetintokc.com/services/paint-corrections" class="mega-item" style="display:flex;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation"><div class="mega-icon">✨</div><div class="mega-text"><h4>Paint Corrections</h4><p>Remove swirls, scratches & oxidation</p></div></a>
396        </div>
397      </li>
398      <li id="loc-li" style="position:relative">
399        <a id="nl-loc" href="javascript:void(0)" style="cursor:pointer;touch-action:manipulation">Locations <span class="arr">▾</span></a>
400        <div class="svc-mega" id="loc-mega" style="display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:600;background:#0f0f0f;border:1px solid rgba(200,151,58,.25);box-shadow:0 8px 40px rgba(0,0,0,.7);max-height:70vh;overflow-y:auto">
401          <div class="mega-inner" style="display:grid;grid-template-columns:1fr 1fr;gap:.25rem">
402            <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>
403            <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>
404            <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>
405            <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>
406            <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>
407            <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>
408            <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>
409            <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>
410            <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>
411            <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>
412            <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>
413            <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>
414            <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>
415            <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>
416            <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>
417          </div>
418        </div>
419      </li>
420      <li><a href="https://elitetintokc.com/faqs" id="nl-faqs">FAQs</a></li>
421      <li><a href="https://elitetintokc.com/oklahoma-tint-laws" id="nl-laws">Tint Laws</a></li>
422      <li><a href="https://elitetintokc.com/about" id="nl-about">About</a></li>
423      <li><a href="https://elitetintokc.com/contact" id="nl-contact">Contact</a></li>
424    </ul>
425    <div class="nav-r">
426      <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>
427      <button class="nav-quote-btn" onclick="openModal()">Free Quote</button>
428      <a href="tel:4052568035" class="mob-nav-ph" aria-label="Call Elite Tint OKC"><svg viewBox="0 0 24 24" style="width:14px;
428height: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>
429      <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>
430      <button class="ham" id="ham" aria-label="Open navigation menu" role="button" aria-label="Open menu">☰</button>
431    </div>
432  </div>
433</nav>
434<div id="mob-nav">
435  <a href="https://elitetintokc.com/" class="mob-l"  style="display:block;text-decoration:none;color:inherit">Home</a>
436  <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>
437  <div class="mob-svc-list" id="mob-svc-list">
438    <a href="https://elitetintokc.com/services/automotive-window-tinting" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Automotive Tinting</a>
439    <a href="https://elitetintokc.com/services/paint-protection-film" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Paint Protection Film</a>
440    <a href="https://elitetintokc.com/services/ceramic-coatings" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Ceramic Coatings</a>
441    <a href="https://elitetintokc.com/services/residential-window-tinting" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Residential Tinting</a>
442    <a href="https://elitetintokc.com/services/commercial-window-tinting" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Commercial Tinting</a>
443    <a href="https://elitetintokc.com/services/windshield-protection" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Windshield Protection</a>
444    <a href="https://elitetintokc.com/services/paint-corrections" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Paint Corrections</a>
445    <a href="https://elitetintokc.com/services/vinyl-wraps" class="mob-sl"  style="display:block;text-decoration:none;color:inherit">Vinyl Wraps</a>
446  </div>
447  <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>
448  <div id="mob-loc-list" style="display:none;flex-direction:column;padding-left:1rem;gap:.1rem">
449    <a href="/window-tinting-oklahoma-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Oklahoma City</a>
450    <a href="/window-tinting-edmond-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Edmond</a>
451    <a href="/window-tinting-mustang-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Mustang</a>
452    <a href="/window-tinting-yukon-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Yukon</a>
453    <a href="/window-tinting-norman-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Norman</a>
454    <a href="/window-tinting-moore-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Moore</a>
455    <a href="/window-tinting-nichols-hills-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Nichols Hills</a>
456    <a href="/window-tinting-deer-creek-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Deer Creek</a>
457    <a href="/window-tinting-piedmont-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Piedmont</a>
458    <a href="/window-tinting-midwest-city-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Midwest City</a>
459    <a href="/window-tinting-bethany-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Bethany</a>
460    <a href="/window-tinting-choctaw-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Choctaw</a>
461    <a href="/window-tinting-tuttle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Tuttle</a>
462    <a href="/window-tinting-blanchard-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Blanchard</a>
463    <a href="/window-tinting-newcastle-ok" class="mob-sl" style="text-decoration:none;color:inherit" onclick="closeMob()">Newcastle</a>
464  </div>
465  <a href="https://elitetintokc.com/faqs" class="mob-l"  style="display:block;text-decoration:none;color:inherit">FAQs</a>
466  <a href="https://elitetintokc.com/oklahoma-tint-laws" class="mob-l"  style="display:block;text-decoration:none;color:inherit">Tint Laws</a>
467  <a href="https://elitetintokc.com/about" class="mob-l"  style="display:block;text-decoration:none;color:inherit">About</a>
468  <a href="https://elitetintokc.com/contact" class="mob-l"  style="display:block;text-decoration:none;color:inherit">Contact</a>
469  <div class="mob-acts">
470    <a href="tel:4052568035" class="mob-call"><svg viewBox="0 0 24 24" style="width:16px;height:16px;stroke:var(--gd);
470fill: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>
471    <button class="mob-quote" onclick="openModal();closeMob()">Get Free Quote</button>
472  </div>
473</div>
474<section class="cy-hero">
475  <div class="wrap cy-inner">
476    <div class="cy-badge">📍 Oklahoma City, Oklahoma</div>
477    <h1 class="cy-h1">Oklahoma City's<br><span style="color:var(--gd)">#1 Window Tinting</span></h1>
478    <p class="cy-sub">From Bricktown to NW OKC, Midtown to Memorial Road. Serving Edmond, Yukon, Mustang, Moore and Midwest City.</p>
479    <div style="display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem">
480      <a href="tel:4052568035" class="btn-gold" style="touch-action:manipulation">☎ (405) 256-8035</a>
481      <a href="javascript:void(0)" onclick="openModal()"  class="btn-ol-gd" style="touch-action:manipulation">Get Free Quote →</a>
482    </div>
483    <div class="cy-stats">
484      <div class="cy-stat"><div class="cy-sn">500+</div><div class="cy-sl">5-Star Reviews</div></div>
485      <div class="cy-stat"><div class="cy-sn">98%</div><div class="cy-sl">Heat Blocked</div></div>
486      <div class="cy-stat"><div class="cy-sn">∞</div><div class="cy-sl">Warranty</div></div>
487      <div class="cy-stat"><div class="cy-sn">
4877</div><div class="cy-sl">Days a Week</div></div>
488    </div>
489  </div>
490</section>
491<section style="padding:5rem 0;background:var(--bg2)">
492  <div class="wrap"><div style="text-align:center;margin-bottom:2.5rem"><div class="eyebrow">Local Facts</div><h2 class="sec-title">Why <span>Oklahoma City</span> Needs Tinting &amp; Paint Protection</h2></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">✓</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">Oklahoma City averages 234 sunny days per year — UV protection is essential year-round</div></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">✓</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">OKC summer temps regularly exceed 100°F — XPEL ceramic blocks 98% of that radiant heat</div></div><div style="display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg);border:1px solid var(--line);margin-bottom:.75rem"><div style="color:var(--gd);font-size:1.1rem;flex-shrink:0;margin-top:.1rem">✓</div><div style="font-size:.875rem;color:var(--muted);line-height:1.65">Oklahoma ranks among the highest UV index states in the entire US</div></div></div>
493</section>
494<section style="padding:6rem 0;background:var(--bg)">
495  <div class="wrap">
496    <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">Services in Oklahoma City</div><h2 class="sec-title">What We Offer <span>Near You</span></h2></div>
497    <div class="csgrid" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem">
498      <a href="https://elitetintokc.com/services/automotive-window-tinting" class="csvc"><div style="font-size:2.2rem">🚗</div><div class="csvc-t">Automotive Tinting</div><div class="csvc-d">XPEL Prime XR Plus ceramic. 98% heat rejected, 99% UV blocked. All vehicles. Lifetime warranty.</div></a>
499      <a href="https://elitetintokc.com/services/paint-protection-film" class="csvc"><div style="font-size:2.2rem">🛡️</div><div class="csvc-t">Paint Protection Film</div><div class="csvc-d">XPEL ULTIMATE PLUS self-healing PPF. Invisible armor against rock chips and road debris.</div></a>
500      <a href="https://elitetintokc.com/services/ceramic-coatings" class="csvc"><div style="font-size:2.2rem">✨</div><div class="csvc-t">Ceramic Coatings</div><div class="csvc-d">Nano-ceramic coating for deep gloss, hydrophobic protection and long-term paint preservation.</div></a>
501      <a href="https://elitetintokc.com/services/residential-window-tinting" class="csvc"><div style="font-size:2.2rem">🏠</div><div class="csvc-t">Residential Tinting</div><div class="csvc-d">Cut home heat 80%, energy bills 30%. Block 99% UV. Perfect for Oklahoma City homes.</div></a>
502      <a href="https://elitetintokc.com/services/commercial-window-tinting" class="csvc"><div style="font-size:2.2rem">🏢</div><div class="csvc-t">Commercial Tinting</div><div class="csvc-d">Offices and storefronts throughout Oklahoma City. Reduce energy costs and improve comfort.</div></a>
503      <a href="https://elitetintokc.com/services/windshield-protection" class="csvc"><div style="font-size:2.2rem;line-height:1;display:inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><rect x="3" y="22" width="32" height="8" rx="2" fill="#C8973A" opacity="0.15" stroke="#C8973A" stroke-width="1.5"/><path d="M8 22 L11 8 L27 8 L30 22 Z" fill="#C8973A" opacity="0.12" stroke="#C8973A" stroke-width="1.5" stroke-linejoin="round"/><path d="M13 11 L25 11" stroke="#C8973A" stroke-width="1" opacity="0.5" stroke-linecap="round"/><path d="M12 14 L26 14" stroke="#C8973A" stroke-width="0.75" opacity="0.3" stroke-linecap="round"/><path d="M14 10 L16 19" stroke="#C8973A" stroke-width="1.5" opacity="0.6" stroke-linecap="round"/>
503<path d="M16 10 L14 15" stroke="#C8973A" stroke-width="1" opacity="0.4" stroke-linecap="round"/></svg></div><div class="csvc-t">Windshield Protection</div><div class="csvc-d">Clear XPEL film prevents rock chips and cracks from Oklahoma road debris.</div></a>
504    </div>
505  </div>
506</section>
507<section style="padding:6rem 0;background:var(--bg2)">
508  <div class="wrap">
509    <div class="cwhy" style="display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start">
510      <div>
511        <div class="eyebrow">Why Choose Elite Tint</div>
512        <h2 class="sec-title" style="margin-bottom:2.5rem">Oklahoma City's <span>Most Trusted Shop</span></h2>
513        <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">🏆</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">XPEL Certified — #1 Brand Only</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">We exclusively install XPEL — the world's #1 window film brand. Never cheap alternatives.</p></div></div>
514        <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">⭐</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">500+ Five-Star Reviews</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">More verified 5-star reviews than any other tint shop in the entire OKC metro area.</p></div></div>
515        <div style="display:flex;gap:1rem;margin-bottom:1.75rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">📅</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">Open 7 Days — 8AM to 8PM</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">Evenings and weekends included. Same-day appointments for Oklahoma City residents.</p></div></div>
516        <div style="display:flex;gap:1rem;align-items:flex-start"><div style="flex-shrink:0;width:46px;height:46px;background:rgba(200,151,58,.08);border:1px solid rgba(200,151,58,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem">♾️</div><div><strong style="font-size:.9rem;color:var(--text);display:block;margin-bottom:.3rem">Transferable Lifetime Warranty</strong><p style="font-size:.82rem;color:var(--muted);line-height:1.65;margin:0">Every XPEL installation backed by lifetime warranty. Transfers to next owner.</p></div></div>
517      </div>
518      <div style="background:var(--bg);border:1px solid rgba(200,151,58,.3);padding:2.5rem;position:sticky;top:90px">
519        <div style="font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd);margin-bottom:1rem">Free Quote — Oklahoma City</div>
520        <div style="font-family:var(--fd);font-size:2.2rem;color:var(--text);line-height:.95;margin-bottom:1rem">Get Your<br><span style="color:var(--gd)">Free Quote</span></div>
521        <p style="font-size:.875rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem">Same-day appointments. Serving Oklahoma City and Edmond, Yukon, Mustang, Moore and Midwest City.</p>
522        <a href="tel:4052568035" class="btn-gold" style="display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;text-decoration:none;touch-action:manipulation">☎ (405) 256-8035</a>
523        <a href="javascript:void(0)" onclick="openModal()"  class="btn-ol-gd" style="display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;touch-action:manipulation">Get Free Quote Online →</a>
524        <div style="margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)">
525          <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem">📍 OKC</div>
526          <div style="font-size:.82rem;color:var(--text);margin-bottom:1rem">722 NW 86th St Suite D, OKC OK 73114</div>
527          <div style="font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem">📍 Mustang</div>
528          <div style="font-size:.82rem;color:var(--text)">308 W State Hwy 152 Unit 112, Mustang OK 73064</div>
529        </div>
530      </div>
531    </div>
532  </div>
533</section>
534<section style="padding:6rem 0;background:var(--bg)">
535  <div class="wrap">
536    <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">Reviews</div><h2 class="sec-title">What <span>Oklahoma City</span> Customers Say</h2></div>
537    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem">
538      <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">★★★★★</div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"Hands down the best tinting company we have ever used! Mike always goes above and beyond. The XPEL ceramic film is incredible."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Courtney S. — Oklahoma City</div></div>
539      <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">★★★★★</div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"I've had many vehicles tinted but never had the outstanding personal service I received from Elite Tint. Quality and warranty unmatched."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Chuck M. — OKC Metro</div></div>
540      <div class="crev"><div style="color:var(--gd);margin-bottom:.75rem">★★★★★</div><p style="font-size:.875rem;color:var(--muted);line-height:1.7;font-style:italic;margin-bottom:.75rem">"Professional, fast, and the tint looks perfect. XPEL ceramic is worth every penny in Oklahoma's brutal heat. Highly recommend."</p><div style="font-size:.72rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em">Jason R. — Oklahoma City</div></div>
541    </div>
542  </div>
543</section>
544<section style="padding:6rem 0;background:var(--bg2)">
545  <div class="wrap" style="max-width:780px">
546    <div style="text-align:center;margin-bottom:3rem"><div class="eyebrow">FAQ</div><h2 class="sec-title">Questions from <span>Oklahoma City</span></h2></div>
547    <details class="cfaq"><summary>How far is Elite Tint from Oklahoma City?</summary><p>Our OKC location at 722 NW 86th St Suite D is easily accessible from Oklahoma City. Our Mustang location at 308 W State Hwy 152 may be even closer. C
547all (405) 256-8035 and we'll help you choose the best location.</p></details>
548    <details class="cfaq"><summary>What window film do you install in Oklahoma City?</summary><p>We exclusively install XPEL Prime XR Plus ceramic film — blocking 98% infrared heat and 99% UV rays, backed by a transferable lifetime warranty. Built for Oklahoma's extreme heat.</p></details>
549    <details class="cfaq"><summary>Is window tinting legal in Oklahoma City, Oklahoma?</summary><p>Yes. Oklahoma requires front side windows above 25% VLT. Rear and back windows on SUVs and trucks can be any darkness. We guarantee 100% legal compliant tint on every vehicle in Oklahoma City.</p></details>
550    <details class="cfaq"><summary>How much does tinting cost in Oklahoma City?</summary><p>Most cars start around $199–$299 for XPEL ceramic. Call (405) 256-8035 or get a free quote online. Same-day response guaranteed.</p></details>
551    <details class="cfaq"><summary>What warranty do you offer?</summary><p>Every XPEL installation includes a transferable lifetime warranty covering bubbling, peeling, cracking and color change for the life of your vehicle.</p></details>
552  </div>
553</section>
554<section style="background:var(--gd);padding:5rem 0">
555  <div class="wrap" style="text-align:center">
556    <h2 style="font-family:var(--fd);font-size:clamp(2.5rem,6vw,5rem);color:var(--bk);line-height:.93;margin-bottom:1rem">Ready in Oklahoma City?</h2>
557    <p style="color:rgba(0,0,0,.55);font-size:.95rem;margin-bottom:2rem">Open 7 days · 8AM–8PM · Free quotes · XPEL certified · Lifetime warranty</p>
558    <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap">
559      <a href="tel:4052568035" style="background:var(--bk);color:var(--gd);padding:.9rem 2.5rem;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;touch-action:manipulation">☎ (405) 256-8035</a>
560      <a href="javascript:void(0)" onclick="openModal()"  style="background:transparent;color:var(--bk);border:2px solid var(--bk);padding:.9rem 2.5rem;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;touch-action:manipulation">GET FREE QUOTE →</a>
561    </div>
562  </div>
563</section>
564<footer role="contentinfo" style="background:#060606;padding:5rem 0 2rem;border-top:2px solid rgba(200,151,58,.2)">
565  <div class="wrap">
566    <div class="footer-grid" style="margin-bottom:4rem">
567      <div>
568        <img src="/img/logo-transparent.png?v=20260524" 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))">
569        <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>
570        <div style="display:flex;gap:.6rem;margin-bottom:1.5rem">
571          <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>
572          <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>
573        </div>
574        <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>
575      </div>
576      <div>
577        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Services</h4>
578        <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem">
579          <li><span onclick="location.href='https://elitetintokc.com/services/automotive-window-tinting'"  class="fl" aria-label="Automotive Tinting" style="background:none;border:none;padding:0">Automotive Tinting</span></li>
580          <li><span onclick="location.href='https://elitetintokc.com/services/paint-protection-film'"  class="fl" aria-label="Paint Protection Film" style="background:none;border:none;padding:0">Paint Protection Film</span></li>
581          <li><span onclick="location.href='https://elitetintokc.com/services/ceramic-coatings'"  class="fl" aria-label="Ceramic Coatings" style="background:none;border:none;padding:0">Ceramic Coatings</span></li>
582          <li><span onclick="location.href='https://elitetintokc.com/services/residential-window-tinting'"  class="fl" aria-label="Residential Tinting" style="background:none;border:none;padding:0">Residential Tinting</span></li>
583          <li><span onclick="location.href='https://elitetintokc.com/services/commercial-window-tinting'"  class="fl" aria-label="Commercial Tinting" style="background:none;border:none;padding:0">Commercial Tinting</span></li>
584          <li><span onclick="location.href='https://elitetintokc.com/services/windshield-protection'"  class="fl" aria-label="Windshield Protection" style="background:none;border:none;padding:0">Windshield Protection</span></li>
585          <li><span onclick="location.href='https://elitetintokc.com/services/paint-corrections'"  class="fl" aria-label="Paint Corrections" style="background:none;border:none;padding:0">Paint Corrections</span></li>
586          <li><span onclick="location.href='https://elitetintokc.com/services/vinyl-wraps'"  class="fl" aria-label="Vinyl Wraps" style="background:none;border:none;padding:0">Vinyl Wraps</span></li>
587        </ul>
588      </div>
589      <div>
590        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Quick Links</h4>
591        <ul style="list-style:none;display:flex;flex-direction:column;gap:.55rem">
592          <li><span onclick="location.href='https://elitetintokc.com/'"  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>
593          <li><span onclick="location.href='https://elitetintokc.com/about'"  class="fl" aria-label="About Us" style="background:none;border:none;padding:0">About Us</span></li>
594          <li><span onclick="location.href='https://elitetintokc.com/faqs'"  class="fl" aria-label="FAQs" style="background:none;border:none;padding:0">FAQs</span></li>
595          <li><span onclick="location.href='https://elitetintokc.com/oklahoma-tint-laws'"  class="fl" aria-label="Tint Laws" style="background:none;border:none;padding:0">Tint Laws</span></li>
596          <li><span onclick="location.href='https://elitetintokc.com/contact'"  class="fl" aria-label="Contact Us" style="background:none;border:none;padding:0">Contact Us</span></li>
597          <li><a href="https://elitetintmustang.com" target="_blank" rel="noopener noreferrer" class="fl">Mustang Location ↗</a></li>
598        </ul>
599      </div>
600      <div>
601        <h4 style="font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:1.25rem">Contact</h4>
602        <div style="display:flex;flex-direction:column;gap:.9rem">
603          <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);
603fill: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>
604          <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>
605          <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>
606      <div style="margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)">
607        <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>
608        <a href="https://maps.app.goo.gl/GHV4HNksRBQ8BPwU6" target="_blank" rel="noopener noreferrer"
609   style="display:block;text-decoration:none;border:1px solid var(--line-gd);overflow:hidden;transition:border-color .2s"
610   onmouseover="this.style.borderColor='var(--gd)'" onmouseout="this.style.borderColor='var(--line-gd)'">
611  <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">
612    <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(200,151,58,.06) 0%,transparent 70%)"></div>
613    <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>
614    <div style="text-align:center;position:relative;z-index:1">
615      <div style="font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.25rem">Elite Tint OKC</div>
616      <div style="font-size:.75rem;color:var(--mid)">722 NW 86th St Suite D</div>
617      <div style="font-size:.72rem;color:var(--muted)">Oklahoma City, OK 73114</div>
618    </div>
619    <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>
620  </div>
621</a>
622        <div style="display:flex;gap:.5rem;margin-top:.6rem">
623          <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>
624          <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);
624fill: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>
625        </div>
626      </div>
627        <div style="margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem">
628          <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>
629          <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>
630        </div>
631        </div>
632      </div>
633    </div>
634    <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)">
635      <span>© 2025 Elite Window Tinting & Paint Protection. All rights reserved.</span>
636    </div>
637  </div>
638</footer>
639<div id="sticky-bar">
640  <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>
641  <div class="sticky-div"></div>
642  <button class="sticky-quote" onclick="openModal()">Get Free Quote</button>
643</div>
644<div class="overlay" id="qModal" onclick="if(event.target===this)closeModal()" tabindex="0" role="button">
645  <div style="background:#fff;width:min(740px,96vw);margin:1rem auto;position:relative;border-radius:4px;overflow:visible">
646    <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>
647    <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>
648  </div>
649</div>
650<script>
651(function(){
652  // Modal
653  window.openModal = function(){
654    var m=document.getElementById('qModal');
655    if(!m||m.classList.contains('open'))return;
656    m.style.display='block'; m.classList.add('open');
657    var sy=window.scrollY; document.body.dataset.sy=sy;
658    document.body.style.cssText='overflow:hidden;position:fixed;top:-'+sy+'px;width:100%';
659    requestAnimationFrame(function(){var ph=document.getElementById('tzw_ph');if(ph){var ifr=document.createElement('iframe');ifr.src='https://app.tintwiz.com/web/ce/8uj2eytwwpymjpgjrlvo6xvjuor93imi';ifr.frameBorder='0';ifr.style.cssText='display:block;border:none;width:100%;height:1500px;min-height:1500px';ph.parentNode.replaceChild(ifr,ph);}});
660  };
661  window.closeModal = function(){
662    var m=document.getElementById('qModal'); if(!m)return;
663    m.classList.remove('open'); m.style.display='';
664    var sy=parseInt(document.body.dataset.sy||'0');
665    document.body.style.cssText=''; window.scrollTo(0,sy);
666  };
667
668  // Hamburger
669  var ham=document.getElementById('ham'), mob=document.getElementById('mob-nav');
670  function closeMob(){
671    if(mob)mob.style.display='none'; if(ham)ham.textContent='☰';
672    var sy=parseInt(document.body.dataset.sy||'0');
673    document.body.style.cssText=''; window.scrollTo(0,sy);
674  }
675  if(ham&&mob){
676    ham.addEventListener('click',function(e){
677      e.stopPropagation();
678      if(mob.style.display==='flex'){closeMob();}
679      else{document.body.dataset.sy=window.scrollY;mob.style.display='flex';ham.textContent='✕';document.body.style.cssText='overflow:hidden;position:fixed;top:-'+window.scrollY+'px;width:100%';}
680    });
681  }
682
683  // Mobile toggles
684  var mst=document.getElementById('mob-svc-t');
685  if(mst)mst.addEventListener('click',function(){var l=document.getElementById('mob-svc-list');if(l)l.style.display=l.style.display==='flex'?'none':'flex';});
686  
687
688  // Desktop dropdowns - click only (no hover to avoid race conditions)
689  var sli=document.getElementById('svc-li'), smeg=document.getElementById('svc-mega');
690  var lli=document.getElementById('loc-li'), lmeg=document.getElementById('loc-mega');
691
692  function closeDropdowns(){
693    if(smeg){smeg.style.display='none'; if(sli)sli.classList.remove('open');}
694    if(lmeg){lmeg.style.display='none'; if(lli)lli.classList.remove('open');}
695  }
696
697  if(sli&&smeg){
698    sli.querySelector('a').addEventListener('click',function(e){
699      e.preventDefault(); e.stopPropagation();
700      var wasOpen=smeg.style.display==='block';
701      closeDropdowns();
702      if(!wasOpen){smeg.style.display='block';sli.classList.add('open');}
703    });
704  }
705
706  if(lli&&lmeg){
707    lli.querySelector('a').addEventListener('click',function(e){
708      e.preventDefault(); e.stopPropagation();
709      var wasOpen=lmeg.style.display==='block';
710      closeDropdowns();
711      if(!wasOpen){lmeg.style.display='block';lli.classList.add('open');}
712    });
713  }
714
715  // Hover for desktop
716  if(window.matchMedia('(hover:hover)').matches){
717    var th;
718    if(sli&&smeg){
719      sli.addEventListener('mouseenter',function(){clearTimeout(th);smeg.style.display='block';sli.classList.add('open');if(lmeg){lmeg.style.display='none';if(lli)lli.classList.remove('open');}});
720      sli.addEventListener('mouseleave',function(){th=setTimeout(function(){smeg.style.display='none';sli.classList.remove('open');},300);});
721      smeg.addEventListener('mouseenter',function(){clearTimeout(th);});
722      smeg.addEventListener('mouseleave',function(){th=setTimeout(function(){smeg.style.display='none';sli.classList.remove('open');},300);});
723    }
724    if(lli&&lmeg){
725      lli.addEventListener('mouseenter',function(){clearTimeout(th);lmeg.style.display='block';lli.classList.add('open');if(smeg){smeg.style.display='none';if(sli)sli.classList.remove('open');}});
726      lli.addEventListener('mouseleave',function(){th=setTimeout(function(){lmeg.style.display='none';lli.classList.remove('open');},300);});
727      lmeg.addEventListener('mouseenter',function(){clearTimeout(th);});
728      lmeg.addEventListener('mouseleave',function(){th=setTimeout(function(){lmeg.style.display='none';lli.classList.remove('open');},300);});
729    }
730  }
731
732  // Document click - close dropdowns and mob nav
733  document.addEventListener('click',function(e){
734    if(mob&&mob.style.display==='flex'&&!mob.contains(e.target)&&e.target!==ham&&!(ham&&ham.contains(e.target)))closeMob();
735    if((!sli||!sli.contains(e.target))&&(!lli||!lli.contains(e.target)))closeDropdowns();
736  });
737
738})();
739</script>
739
740</body>
741</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.