:root { --ink:#061120; --navy:#07192d; --blue:#0788ff; --cyan:#49c8ff; --ice:#eef7ff; --white:#fff; --muted:#8290a2; }
.analytics-choice{position:fixed;bottom:12px;left:12px;right:12px;z-index:1000;max-width:650px;margin:auto;padding:16px;background:#07192d;color:#fff;border:1px solid #49c8ff;box-shadow:0 4px 24px #0005;font-size:14px;line-height:1.5}
.analytics-choice[hidden]{display:none}.analytics-choice p{margin:0 0 12px}.analytics-choice a{text-decoration:underline;color:#49c8ff}.analytics-choice>div{display:flex;flex-wrap:wrap;gap:10px}.analytics-choice button,.privacy-page button{padding:10px 14px;background:#fff;color:#07192d;border:1px solid #8290a2;cursor:pointer;font:inherit}.privacy-links{display:flex;justify-content:center;gap:20px;padding:16px;background:#041334;color:#fff;font-size:12px}.privacy-links button{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}.privacy-page{max-width:800px;margin:auto;padding:45px 24px;line-height:1.7}.privacy-page h1{font-size:38px;margin:28px 0}.privacy-page h2{font-size:24px;margin-top:30px}.privacy-page a{text-decoration:underline}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ice); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
main { overflow:hidden; }
.site-header { height:92px; max-width:1440px; margin:auto; padding:0 4.5vw; display:flex; align-items:center; gap:36px; background:var(--ice); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; min-width:190px; letter-spacing:-.04em; line-height:.78; }
.brand > span:last-child { font-size:20px; font-weight:300; }
.brand strong { color:var(--blue); }
.brand small { display:block; font-size:8px; letter-spacing:.28em; margin-top:8px; font-weight:800; }
.crown-mark { width:42px; height:31px; display:inline-block; position:relative; transform:skew(-5deg); }
.crown-mark i { position:absolute; bottom:7px; width:9px; height:24px; background:var(--blue); clip-path:polygon(50% 0,100% 100%,0 100%); }
.crown-mark i:nth-child(1){left:2px;transform:rotate(-14deg)} .crown-mark i:nth-child(2){left:16px;height:30px} .crown-mark i:nth-child(3){right:1px;transform:rotate(14deg)}
.crown-mark b { position:absolute; left:3px; right:0; bottom:0; height:6px; background:var(--blue); transform:skew(-12deg); }
nav { display:flex; gap:34px; margin-left:auto; }
nav a { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; transition:.2s; }
nav a:hover { color:var(--blue); }
.header-call { background:var(--blue); color:white; padding:15px 21px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; border-radius:2px; }
.hero { min-height:690px; background:var(--navy); color:white; display:grid; grid-template-columns:48% 52%; position:relative; }
.hero-grid { position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,black,transparent 74%); }
.hero-copy { padding:110px 5vw 70px max(5vw,calc((100vw - 1440px)/2 + 64px)); position:relative; z-index:2; }
.eyebrow,.section-number { font-size:11px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; color:var(--cyan); display:flex; align-items:center; gap:13px; }
.spark { display:inline-block; width:42px; height:42px; position:absolute; right:14%; top:15%; }
.spark:before,.spark:after { content:""; position:absolute; background:var(--cyan); left:50%; top:50%; transform:translate(-50%,-50%); border-radius:100%; }
.spark:before { width:3px; height:100%; } .spark:after { width:100%; height:3px; }
.spark-small { width:15px; height:15px; position:relative; inset:auto; flex:0 0 auto; }
.hero h1,.section h2 { font-size:clamp(58px,6.2vw,92px); line-height:.88; letter-spacing:-.075em; margin:34px 0; text-transform:uppercase; font-weight:900; }
em { color:var(--blue); font-style:normal; }
.hero-copy > p { max-width:520px; color:#b6c6d9; line-height:1.7; font-size:17px; }
.hero-actions { display:flex; gap:14px; margin-top:38px; align-items:center; }
.button { padding:17px 23px; text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.06em; }
.button-primary { background:var(--blue); } .button-primary span{margin-left:28px}.button-quiet{border-bottom:1px solid #506177}
.trust-row { display:flex; gap:26px; margin-top:60px; color:#9eb0c5; font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.trust-row b { color:var(--cyan); margin-right:6px; }
.hero-art { position:relative; overflow:hidden; background:radial-gradient(circle at 60% 40%,#12395f 0,transparent 44%); min-height:620px; }
.blue-orbit { position:absolute; border:1px solid rgba(73,200,255,.35); border-radius:50%; }
.orbit-one { width:620px;height:620px;right:-70px;top:45px }.orbit-two{width:420px;height:420px;right:30px;top:145px}
.hero-crown { position:absolute; right:12%; top:20%; transform:scale(4.5) rotate(8deg); opacity:.12; }
.hero-art > .spark { top:20%; right:19%; }
.car-line { position:absolute; width:640px; height:300px; right:-10px; bottom:95px; filter:drop-shadow(0 30px 30px rgba(0,0,0,.3)); }
.car-body { position:absolute; width:590px;height:110px;left:20px;bottom:45px;background:linear-gradient(155deg,#109dff,#00519c 52%,#021323 53%);clip-path:polygon(0 49%,9% 31%,31% 18%,44% 0,70% 5%,85% 30%,98% 48%,100% 78%,89% 91%,9% 93%,0 72%);border-bottom:3px solid var(--cyan); }
.car-roof { position:absolute;width:280px;height:105px;left:230px;bottom:138px;background:linear-gradient(145deg,#75dcff,#063967 58%,#031422 59%);clip-path:polygon(10% 100%,34% 10%,73% 15%,100% 100%); }
.wheel { position:absolute;width:92px;height:92px;border:13px solid #03090f;border-radius:50%;bottom:15px;background:radial-gradient(circle,#9edfff 0 10%,#16334b 11% 35%,#060b10 36%);box-shadow:0 0 0 3px #329fde; }
.wheel-a{left:90px}.wheel-b{right:70px}
.shine-streak{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(-13deg)}.streak-one{width:430px;right:50px;bottom:300px}.streak-two{width:300px;right:250px;bottom:230px}
.hero-badge { position:absolute;left:9%;bottom:45px;border-left:3px solid var(--blue);padding:9px 15px;text-transform:uppercase}.hero-badge span,.hero-badge small{display:block;font-size:9px;letter-spacing:.16em;color:#7f96ad}.hero-badge strong{font-size:20px;letter-spacing:.07em}
.ticker { height:64px; background:var(--blue); color:white; display:flex; align-items:center; justify-content:center; gap:24px; text-transform:uppercase; font-size:11px; font-weight:900; letter-spacing:.16em; white-space:nowrap; }
.ticker .spark:before,.ticker .spark:after{background:white}
.section { padding:115px max(5vw,calc((100vw - 1440px)/2 + 64px)); }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:64px; gap:40px; }
.section-heading h2 { font-size:clamp(45px,5vw,70px); margin:20px 0 0; }
.section-heading > p { max-width:390px; color:#617187; line-height:1.7; border-left:1px solid #bdd0e2; padding-left:25px; }
.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.package { background:white; padding:38px; position:relative; min-height:500px; border-top:3px solid #d6e2ed; display:flex; flex-direction:column; }
.package.featured{background:var(--navy);color:white;border-color:var(--blue);transform:translateY(-12px);box-shadow:0 24px 55px rgba(4,30,56,.14)}
.popular{position:absolute;right:22px;top:0;background:var(--blue);padding:8px 12px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.package-index{color:var(--blue);font-size:11px;font-weight:900}.package-label{text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:#8393a4;margin-top:26px}.package h3{font-size:25px;text-transform:uppercase;letter-spacing:-.03em;margin:4px 0 24px}.price small{display:block;color:#8492a0;text-transform:uppercase;font-size:8px;letter-spacing:.13em}.price strong{font-size:46px;letter-spacing:-.06em}.package ul{list-style:none;padding:25px 0;margin:20px 0;border-top:1px solid #dce5ec;line-height:2.1;font-size:13px;color:#5c6b79}.featured ul{border-color:#273d54;color:#bac9d6}.package li span{color:var(--blue);margin-right:10px}.package > a{margin-top:auto;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:900;border-top:1px solid #dce5ec;padding-top:21px;display:flex;justify-content:space-between}.featured > a{border-color:#273d54;color:var(--cyan)}
.work{background:var(--navy);color:white}.section-heading.light > p{color:#9aadc0;border-color:#344a60}.work-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}.work-card{background:#0c243c;position:relative;overflow:hidden;border:1px solid #1c3955}.work-1{grid-row:span 2}.work-4{grid-column:2}.work-5{grid-column:3}.work-card .work-num{position:absolute;left:20px;top:18px;font-size:10px;color:#678098}.work-card .spark{right:20px;top:18px}.work-card>div:last-child{position:absolute;left:22px;bottom:18px;text-transform:uppercase}.work-card strong,.work-card small{display:block}.work-card small{font-size:8px;letter-spacing:.14em;color:#6da6cb;margin-top:5px}.work-card .car-line{transform:scale(.56);transform-origin:center;right:calc(50% - 320px);bottom:-25px}.work-1 .car-line{transform:scale(.9);bottom:40px}.work-card:nth-child(even){background:linear-gradient(145deg,#082039,#064e82)}.work-card:nth-child(3){background:linear-gradient(145deg,#102132,#075fa4)}
.why{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:white}.why-art{height:560px;background:var(--navy);position:relative;overflow:hidden}.giant-crown{position:absolute;left:42%;top:25%;transform:scale(7);opacity:.22}.seal{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:245px;height:245px;border-radius:50%;border:1px solid #2f577b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:0 0 0 18px #0b2137,0 0 0 19px #1c4c75;color:white}.seal span{font-size:12px;letter-spacing:.4em;color:var(--cyan)}.seal strong{font-size:38px;letter-spacing:-.04em}.seal small{font-size:8px;letter-spacing:.24em}.why-copy h2{font-size:clamp(45px,5vw,70px);margin:24px 0}.why-copy>p{line-height:1.8;color:#5e7081;max-width:560px}.why-list{margin-top:42px}.why-list>div{display:flex;gap:22px;border-top:1px solid #d9e2e9;padding:21px 0}.why-list b{color:var(--blue);font-size:11px}.why-list span{display:flex;flex-direction:column}.why-list strong{text-transform:uppercase;font-size:13px;letter-spacing:.06em}.why-list small{margin-top:5px;color:#728293}
.contact{text-align:center;background:var(--blue);color:white;position:relative}.contact>.spark{left:16%;top:20%;right:auto}.contact p{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:900}.contact h2{font-size:clamp(48px,6.5vw,86px);margin:28px auto}.contact h2 em{color:var(--navy)}.contact>a{display:inline-flex;background:var(--navy);padding:18px 25px;text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.08em;gap:55px}.contact>small{display:block;margin-top:18px;opacity:.75}
footer{background:#030b13;color:#8291a0;min-height:160px;padding:45px max(5vw,calc((100vw - 1440px)/2 + 64px));display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer-brand{color:white}.footer-brand .crown-mark{transform:scale(.8)}footer>a:nth-of-type(2){color:white;font-weight:900}footer>span{text-align:right}
@media(max-width:900px){.site-header{height:78px;padding:0 20px}.site-header nav{display:none}.header-call{margin-left:auto;font-size:10px;padding:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:80px 25px 45px}.hero h1{font-size:58px}.hero-art{min-height:430px}.car-line{transform:scale(.72);transform-origin:right bottom}.ticker{justify-content:flex-start;overflow:hidden;padding-left:20px}.section{padding:80px 25px}.section-heading{display:block}.section-heading>p{margin-top:28px}.package-grid{grid-template-columns:1fr}.package.featured{transform:none}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 200px 200px}.work-1{grid-column:span 2;grid-row:auto}.work-4,.work-5{grid-column:auto}.why{grid-template-columns:1fr}.why-art{height:430px}.contact>.spark{display:none}footer{grid-template-columns:1fr 1fr;gap:28px}footer>span{text-align:left}}
@media(max-width:540px){.brand{min-width:auto}.brand>span:last-child{font-size:15px}.crown-mark{width:35px}.header-call{font-size:0}.header-call:after{content:"Call now";font-size:10px}.hero{min-height:auto}.hero-copy{padding-top:65px}.hero h1{font-size:48px}.trust-row{flex-wrap:wrap}.hero-art{min-height:340px}.hero-art .car-line{transform:scale(.55);right:-40px}.section-heading h2,.why-copy h2{font-size:43px}.work-grid{display:flex;flex-direction:column}.work-card{height:230px}.why-art{height:360px}.contact h2{font-size:44px}footer{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.button{text-align:center}}

/* Client-owned identity and portfolio imagery */
.brand { min-width:84px; gap:0; }
.brand-logo { width:68px; height:68px; display:block; overflow:hidden; background:#06162b; }
.brand-logo img { width:100%; height:100%; display:block; object-fit:contain; }
.hero-art { background:#07192d; }
.hero-photo { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:58% center; }
.hero-photo-shade { position:absolute; inset:0; background:linear-gradient(90deg,var(--navy),rgba(7,25,45,.16) 38%,transparent 70%),linear-gradient(0deg,rgba(7,25,45,.82),transparent 48%); }
.hero-art .compact-logo { position:absolute; right:30px; top:30px; width:120px; height:120px; border:1px solid rgba(73,200,255,.45); background:rgba(6,22,43,.9); }
.work-card > .work-photo { width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; }
.work-photo-clean { z-index:1; }
.work-photo-soapy { z-index:2; opacity:1; }
.work-card:hover .work-photo-soapy,
.work-card:active .work-photo-soapy { opacity:0; }
.work-card.is-revealed .work-photo-soapy { opacity:0; }
.work-card.is-touch-revealed .work-photo-soapy { opacity:0; }
.work-card[role="button"], .why-art[role="button"] { cursor:pointer; }
.work-card:focus-visible, .why-art:focus-visible { outline:3px solid #49c8ff; outline-offset:3px; }
.work-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,12,22,.9),transparent 58%); }
.work-card .work-num { color:white; text-shadow:0 1px 8px #000; }
.work-card small { color:#87d2ff; }
.why-art .process-photo { width:100%; height:100%; object-fit:cover; object-position:center; display:block; position:absolute; inset:0; }
.process-photo-clean { z-index:1; }
.process-photo-soapy { z-index:2; opacity:1; }
.why-art:hover .process-photo-soapy,
.why-art:active .process-photo-soapy { opacity:0; }
.why-art.is-revealed .process-photo-soapy { opacity:0; }
.why-art.is-touch-revealed .process-photo-soapy { opacity:0; }
.process-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,17,32,.85),transparent 62%); }
.why-art .compact-logo { position:absolute; left:28px; bottom:28px; width:132px; height:132px; border:1px solid rgba(73,200,255,.45); }
.footer-brand .brand-logo { width:82px; height:82px; }
@media(max-width:540px){.brand-logo{width:54px;height:54px}.hero-art .compact-logo{width:82px;height:82px;right:18px;top:18px}}

/* Seamless brand framing and lighter hero reveal */
.site-header {
  max-width:none;
  background:#06162b;
  color:white;
  padding-left:max(4.5vw,calc((100vw - 1440px)/2 + 64px));
  padding-right:max(4.5vw,calc((100vw - 1440px)/2 + 64px));
}
footer { background:#06162b; }
.hero-photo-shade {
  background:
    linear-gradient(90deg,rgba(7,25,45,.55) 0,rgba(7,25,45,.12) 18%,transparent 42%),
    linear-gradient(0deg,rgba(7,25,45,.42) 0,transparent 32%);
}
@media(max-width:900px){.site-header{padding-left:20px;padding-right:20px}.hero-photo-shade{background:linear-gradient(90deg,rgba(7,25,45,.42),transparent 38%),linear-gradient(0deg,rgba(7,25,45,.4),transparent 28%)}}

/* Exact logo-background match and reference-style full-photo hero */
:root { --brand-navy:#041334; }
.site-header,
footer,
.brand-logo { background:var(--brand-navy); }
footer { background-color:#041334; }
.hero {
  display:block;
  min-height:690px;
  overflow:hidden;
  background:var(--brand-navy);
}
.hero-grid { display:none; }
.hero-art {
  position:absolute;
  inset:0;
  width:100%;
  min-height:0;
  height:100%;
  z-index:0;
}
.hero-photo {
  object-position:center center;
}
.hero-photo-shade {
  background:linear-gradient(90deg,
    var(--brand-navy) 0%,
    var(--brand-navy) 18%,
    rgba(4,19,52,.96) 27%,
    rgba(4,19,52,.76) 38%,
    rgba(4,19,52,.38) 50%,
    rgba(4,19,52,0) 68%);
}
.hero-copy {
  width:min(680px,58%);
  min-height:690px;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-art .compact-logo,
.hero-badge { display:none; }
.work-card .work-shade,
.work-card .spark,
.work-card > div:last-child { z-index:3; }
.why-art .process-shade,
.why-art .compact-logo { z-index:3; }
.section-heading { justify-content:flex-start; }
.section-heading > div { flex:0 1 620px; }
.section-heading > p { margin-left:clamp(24px,4vw,64px); }
.new-car-line { display:inline-block; white-space:nowrap; letter-spacing:-.035em; }
.new-car-dash { display:inline-block; margin:0 -.08em; }
.contact>a {
  min-height:52px;
  min-width:260px;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0 25px;
  position:relative;
  gap:0;
}
.contact>a span { display:inline-flex; align-items:center; line-height:1; }
.contact .call-label { width:100%; justify-content:center; }
.contact .call-arrow { position:absolute; right:20px; }
footer { grid-template-columns:1fr 1fr 1fr; }
footer>span { text-align:right; }
@media(max-width:900px){
  .hero,.hero-copy{min-height:640px}
  .hero-copy{width:76%;padding-top:70px;padding-bottom:70px}
  .hero-photo{object-position:62% center}
  .hero-photo-shade{background:linear-gradient(90deg,var(--brand-navy) 0%,rgba(4,19,52,.95) 32%,rgba(4,19,52,.6) 58%,rgba(4,19,52,.08) 88%)}
  .section-heading > p { margin-left:0; }
  .ticker{height:auto;min-height:64px;justify-content:center;flex-wrap:wrap;white-space:normal;overflow:visible;padding:15px 20px;gap:10px 16px;text-align:center;line-height:1.4}
  footer { grid-template-columns:1fr 1fr; }
}
@media(max-width:540px){
  .hero,.hero-copy{min-height:720px}
  .hero-copy{width:100%;justify-content:flex-start;padding-bottom:310px}
  .hero-photo{height:42%;top:auto;bottom:0;object-position:82% center}
  .hero-photo-shade{background:linear-gradient(180deg,var(--brand-navy) 0%,var(--brand-navy) 50%,rgba(4,19,52,.72) 64%,rgba(4,19,52,.08) 88%,rgba(4,19,52,0) 100%)}
  .ticker{padding-left:18px;padding-right:18px}
  footer { grid-template-columns:1fr; }
}