:root{
  --bg:#030303;
  --panel:#090909;
  --panel-2:#111111;
  --pink:#ef2b7a;
  --pink-light:#ff86b9;
  --text:#ffffff;
  --muted:#d6d0d3;
  --line:rgba(239,43,122,.72);
  --soft-line:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#050505;color:var(--text);line-height:1.55;min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.90)),url('assets/car-background.png') center top/cover no-repeat;pointer-events:none;z-index:-3}
body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,rgba(239,43,122,.20),transparent 36%),radial-gradient(circle at 88% 58%,rgba(239,43,122,.11),transparent 30%);pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(0,0,0,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand img{width:210px;max-width:46vw;display:block;filter:drop-shadow(0 0 12px rgba(239,43,122,.35))}
nav{display:flex;gap:24px;color:var(--muted);font-weight:600;font-size:14px}nav a:hover{color:var(--pink-light)}
main{overflow:hidden}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:78px 6vw 60px}.hero-copy{border-left:3px solid var(--pink);padding-left:28px}.eyebrow{color:var(--pink);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin-bottom:22px;max-width:920px}h2{font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.04em;margin-bottom:18px}h3{font-size:24px;margin-bottom:12px;color:#fff}.lead{font-size:clamp(18px,2vw,23px);max-width:760px;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:15px 24px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.2s ease;font-size:15px}.btn.primary{background:var(--pink);color:white;box-shadow:0 10px 28px rgba(239,43,122,.34)}.btn.secondary{background:rgba(0,0,0,.35);color:white;border:1px solid var(--line)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(239,43,122,.22)}
.hero-card{justify-self:end;max-width:430px;width:100%;border:1.5px solid var(--line);background:linear-gradient(180deg,rgba(7,7,7,.86),rgba(7,7,7,.72));border-radius:4px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 26px 80px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.03);position:relative}.hero-card:before{content:"Professional Window Tinting";position:absolute;left:26px;right:26px;top:-16px;text-align:center;color:var(--pink);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;background:#050505;padding:0 10px}.hero-card span{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:2px;font-weight:800;text-align:center;color:#f7f7f7}
.services,.why,.quote{padding:82px 6vw}.section-heading{max-width:760px;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card,.quote-form,.why-list div{border:1px solid rgba(239,43,122,.42);background:linear-gradient(180deg,rgba(8,8,8,.88),rgba(0,0,0,.72));backdrop-filter:blur(10px);border-radius:4px;padding:28px}.service-card{min-height:240px;border-top:4px solid var(--pink)}.service-card p,.quote-info p,.why-list span{color:var(--muted)}
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.why-list{display:grid;gap:14px}.why-list div{display:flex;gap:18px;align-items:center}.why-list strong{background:var(--pink);height:42px;width:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;color:#fff}
.quote{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.quote-info{position:sticky;top:120px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.quote-form label{font-weight:800;color:white}.quote-form label span{font-weight:500;color:var(--muted)}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.16);background:#050505;color:white;border-radius:2px;padding:14px 15px;font:inherit;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(239,43,122,.14)}.quote-form textarea,.quote-form button{grid-column:1/-1}.hidden{display:none}
.contact-strip{margin:0 6vw 70px;border:1px solid var(--line);background:rgba(0,0,0,.72);display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:18px;align-items:center;padding:24px;color:#fff}.contact-strip strong{display:block;font-size:20px}.contact-strip span,.contact-strip a{color:var(--muted);font-weight:700}.contact-strip a:hover{color:var(--pink-light)}
footer{padding:50px 6vw;text-align:center;border-top:1px solid var(--line);color:var(--muted);background:rgba(0,0,0,.72)}footer img{width:240px;max-width:80%;margin-bottom:10px;filter:drop-shadow(0 0 14px rgba(239,43,122,.26))}.small{font-size:13px;color:#8b8b8b}footer a{color:var(--pink-light);font-weight:800}
@media(max-width:850px){nav{display:none}.hero,.why,.quote{grid-template-columns:1fr}.hero{padding-top:58px}.hero-copy{border-left:0;padding-left:0}.hero-card{justify-self:start}.service-grid{grid-template-columns:1fr}.quote-info{position:static}.quote-form{grid-template-columns:1fr}.brand img{width:180px}.contact-strip{grid-template-columns:1fr;margin-inline:6vw}body:before{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.90)),url('assets/car-background.png') center top/cover no-repeat}}