@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--black:#070707;--char:#101010;--white:#f3f1ec;--muted:#aaa;--gold:#c6a15b;--line:#2b2b2b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:72px;background:rgba(4,4,4,.97);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;z-index:20;border-bottom:1px solid #191919}.brand img{display:block;width:205px;height:auto;max-height:55px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:700;letter-spacing:.08em}.nav a{opacity:.85}.nav a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:12px 19px;color:#e9d4a4!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:620px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#414141 0,#171717 35%,#050505 72%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.1) 78%),linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.hero-content{position:relative;z-index:3;padding:105px 5vw;max-width:640px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 14px}.bronze{color:var(--gold)}h1,h2,h3{margin-top:0}h1{font-size:clamp(45px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin-bottom:25px;font-weight:900}h1 span{color:#c5a36b}.hero-copy{max-width:470px;color:#d0d0d0;font-size:15px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-block;border:1px solid transparent;padding:14px 24px;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}.gold{background:#d0b075;color:#090909}.gold:hover{background:#e1c78f}.outline{border-color:#333;color:#111}.text-link{font-size:11px;font-weight:800;letter-spacing:.08em}.text-link span{color:var(--gold);font-size:18px;margin-left:7px}.hero-part{position:absolute;right:-5%;top:80px;width:62%;height:520px;transform:rotate(-3deg);filter:drop-shadow(0 35px 45px rgba(0,0,0,.7))}.metal-part{position:absolute;right:10%;top:115px;width:75%;height:235px;border-radius:18px 45px 35px 15px;background:linear-gradient(140deg,#777,#d6d6d6 28%,#5b5b5b 55%,#b6b6b6 78%,#454545);box-shadow:inset 0 10px 20px #eee4,inset 0 -20px 35px #0008}.metal-part:before,.metal-part:after{content:"";position:absolute;background:#777;border-radius:12px}.metal-part:before{width:30%;height:85%;left:-10%;top:8%;border-radius:55% 20% 20% 55%}.metal-part:after{width:25%;height:25%;right:5%;top:-8%}.port{position:absolute;width:82px;height:82px;border-radius:50%;background:#101010;border:12px solid #9c9c9c;box-shadow:inset 0 0 0 5px #222}.p1{left:5%;top:55%}.p2{left:27%;top:40%}.p3{left:49%;top:52%}.p4{left:69%;top:32%}.p5{right:2%;top:57%}.mist{position:absolute;width:80%;height:150px;top:170px;right:8%;background:radial-gradient(ellipse,rgba(255,255,255,.32),transparent 65%);filter:blur(14px);transform:rotate(-10deg)}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#080808;border-top:1px solid #222;border-bottom:1px solid #222}.benefits article{display:flex;gap:17px;padding:25px 28px;border-right:1px solid #2a2a2a}.benefits article:last-child{border-right:0}.benefits b{color:var(--gold);font-size:28px;font-weight:400}.benefits h3,.service h3,.steps h3{font-size:11px;letter-spacing:.07em;margin:2px 0 8px}.benefits p,.service p,.steps p{font-size:11px;color:#aaa;margin:0}
.light-section{background:#f2f1ed;color:#111;padding:72px 3vw}.dark-section{background:#080808;padding:72px 3vw}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-size:27px;letter-spacing:-.02em;margin-bottom:10px}.rule{width:42px;height:2px;background:#111;margin:auto}.dark-section .rule{background:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:auto}.compare{height:230px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.fake-part{display:flex;align-items:flex-end;padding:12px;font-size:10px;font-weight:800;letter-spacing:.1em}.dirty{background:radial-gradient(circle at 55% 50%,#4e4438,#211e1b 55%,#0e0e0e)}.clean{background:radial-gradient(circle at 55% 50%,#d7d7d7,#888 52%,#343434)}.dirty.alt{background:radial-gradient(circle at 40% 50%,#4d4d48,#1e1e1b)}.clean.alt{background:radial-gradient(circle at 40% 50%,#ddd,#777)}.dirty.carb{background:radial-gradient(circle at 45% 50%,#66513a,#201a14)}.clean.carb{background:radial-gradient(circle at 45% 50%,#ddd,#777)}.compare span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:white;border-radius:50%;display:grid;place-items:center;color:#111;font-size:18px}.center{text-align:center;margin-top:30px}.replace-note{text-align:center;color:#888;font-size:10px;margin-top:18px}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:1250px;margin:auto}.service{border:1px solid #303030;padding-bottom:20px}.service h3,.service p{padding:0 16px}.service-image{height:150px;background:#242424;position:relative;overflow:hidden}.service-image:after{content:"";position:absolute;inset:18% 12%;border-radius:15px;background:linear-gradient(145deg,#999,#252525 65%);box-shadow:inset 0 0 25px #000}.service-image.vapor:before{content:"";position:absolute;z-index:2;left:40%;top:12%;width:80px;height:150px;background:linear-gradient(90deg,transparent,#fff8,transparent);filter:blur(15px);transform:rotate(35deg)}.service-image.cleaning:after{border-radius:10px 35px}.service-image.surface:after{border-radius:50%;background:linear-gradient(135deg,#eee,#666)}.service-image.polish:after{border-radius:50%;background:linear-gradient(135deg,#f8f8f8,#333)}.service-image.coat:after{background:linear-gradient(135deg,#111,#252525);box-shadow:inset 0 0 0 2px #555}
.process .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1250px;margin:auto}.steps article{text-align:center;position:relative}.steps article:not(:last-child):after{content:"→";position:absolute;right:-18px;top:5px;color:#777}.steps span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #999;border-radius:50%;margin:0 auto 16px;font-size:12px}.steps h3{font-size:10px}.steps p{color:#666}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.about h2{font-size:42px;line-height:1.05;margin:0}.about>p{font-size:18px;color:#bbb;max-width:620px}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:auto}.journal-grid article{background:white;border:1px solid #d6d4ce;padding:28px;min-height:190px}.journal-grid h3{font-size:18px}.journal-grid p:last-child{font-size:13px;color:#666}
.quote-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;padding:80px 8vw;background:#050505}.quote-section h2{font-size:48px;line-height:1.02}.quote-section>div>p:not(.eyebrow){color:#aaa;max-width:500px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{font-size:10px;font-weight:800;letter-spacing:.08em}.quote-form label:nth-of-type(3),.quote-form label:nth-of-type(6),.quote-form label:nth-of-type(7),.quote-form button,.quote-form small{grid-column:1/-1}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;padding:13px;background:#111;border:1px solid #333;color:white;font:inherit}.quote-form small{font-size:9px;color:#777}



.footer{background:#050505;color:#eee;border-top:1px solid #2b2b2b}
.footer-cta{min-height:140px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3a3a}
.footer-cta h2{font-size:29px;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}
.footer-cta p{margin:0;color:#cfcfcf;font-size:15px}
.footer-cta .button{min-width:240px;text-align:center;padding:18px 28px;font-size:13px}
.footer-main{min-height:390px;max-width:1420px;margin:auto;padding:58px 5vw 42px;display:grid;grid-template-columns:2fr 1fr 1.25fr 1.65fr 1.15fr;gap:42px;align-items:center}
.footer-brand img{display:block;width:330px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.socials{display:flex;gap:14px;margin-top:30px}
.socials a{
  display:grid;place-items:center;
  width:48px;height:48px;
  border:1px solid #d4ad63;
  border-radius:4px;
  color:#f2d18b;
  font-size:22px;
  font-weight:700;
  background:linear-gradient(145deg,rgba(212,173,99,.09),rgba(212,173,99,.015));
  box-shadow:inset 0 0 0 1px rgba(212,173,99,.08),0 0 12px rgba(212,173,99,.04);
  transition:all .2s ease
}
.socials a:hover{
  background:#d4ad63;
  color:#080808;
  box-shadow:0 0 16px rgba(212,173,99,.28);
  transform:translateY(-2px)
}
.footer-column{align-self:center}
.footer-column h4{font-size:16px;color:#d3aa5d;letter-spacing:.08em;margin:0 0 18px}
.footer-column a,.footer-column p{display:block;color:#e5e5e5;font-size:15px;line-height:1.55;margin:9px 0}
.footer-column a:hover{color:#d3aa5d}
.florida-mark{height:300px;display:flex;align-items:center;justify-content:center}
.florida-mark img{width:250px;height:auto;display:block;filter:none;opacity:1}
.footer-bottom{min-height:105px;border-top:1px solid #2b2b2b;max-width:none;padding:0 20vw;display:flex;justify-content:space-between;align-items:center;color:#8a8a8a;font-size:11px;letter-spacing:.11em}
.footer-bottom div{display:flex;gap:28px;align-items:center}
.footer-bottom a{color:#8a8a8a}.footer-bottom a:hover{color:#d3aa5d}
.footer-bottom i{font-style:normal;color:#666}
@media(max-width:700px){
  .footer-main{grid-template-columns:1.6fr 1fr 1.2fr 1.5fr;gap:28px}
  .florida-mark{grid-column:1/-1;height:240px}
  .footer-bottom{padding:0 8vw}
}
@media(max-width:650px){
  .footer-cta{padding:30px 7vw;gap:25px;flex-direction:column;align-items:flex-start}
  .footer-cta .button{min-width:210px}
  .footer-main{grid-template-columns:1fr 1fr;padding:45px 7vw}
  .footer-brand,.contact-column,.florida-mark{grid-column:1/-1}
  .footer-brand img{width:280px}
  .florida-mark{height:260px}
  .footer-bottom{padding:25px 7vw;flex-direction:column;align-items:flex-start;gap:15px}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr}
  .footer-brand,.contact-column,.florida-mark{grid-column:auto}
  .footer-cta h2{font-size:24px}
}