/* A modest readability lift without changing the headline hierarchy. */
:root{--header-height:72px}
.site-header{position:fixed;top:0;bottom:auto;height:var(--header-height);z-index:30;background:rgba(5,6,8,.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff18}
.pricing-page .site-header{position:sticky;top:0;background:rgba(5,6,8,.36)}
.main-nav{font-size:14px;letter-spacing:.65px;gap:24px}
.main-nav a{min-height:44px;display:flex;align-items:center}
main>section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}
.pricing-page .category-nav{top:var(--header-height);z-index:20}
.pricing-page .price-section{scroll-margin-top:calc(var(--header-height) + 90px)}
.button,.text-link{font-size:12px;letter-spacing:1px}
.location,.kicker{font-size:12px;letter-spacing:2.4px}
.hero-copy{font-size:18px;max-width:380px}
.hero-bottom{font-size:11px;letter-spacing:1.5px}
.section-intro>p:last-child,.craft-copy>p:not(.kicker),.packages-head>p,.quote-copy>p:not(.kicker){font-size:16px}
.service-row small{font-size:14px;line-height:1.5}
.package-card>p:not(.package-index){font-size:16px}
.package-index{font-size:12px;letter-spacing:1.3px}
.contact-details{font-size:15px}
.quote-form label{font-size:12px;letter-spacing:.8px}
.form-heading{font-size:12px;letter-spacing:1.5px}
.form-note{font-size:12px}
.image-tag,.video-label{font-size:11px;letter-spacing:1.4px}
.site-footer div,.site-footer>a{font-size:12px;letter-spacing:1px}
.replay-reveal{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;color:var(--muted);font-size:12px;padding:10px 0;text-align:left;cursor:pointer}
.replay-reveal:hover{color:var(--yellow)}
.pricing-page .back-link{font-size:12px;letter-spacing:1px}
.pricing-page .category-nav a{font-size:12px;letter-spacing:.8px}
.pricing-page .price-section .kicker{font-size:12px;letter-spacing:1.5px}
.pricing-page .price-heading>p,.pricing-page .section-copy,.pricing-page .coverage-description{font-size:16px}
.pricing-page .tint-guide span{font-size:13px}
.pricing-page .tint-guide p{font-size:15px;line-height:1.6}
.pricing-page .price-table tbody th{font-size:16px}
.pricing-page .price-table small{font-size:13px}
.pricing-page .price-table thead{font-size:12px}
.pricing-page .not-listed,.pricing-page .pricing-note,.pricing-page .source-note{font-size:13px}
.pricing-page .card-tag,.pricing-page .price-label{font-size:12px;letter-spacing:1.3px}
.pricing-page .coverage-card .button{font-size:12px;letter-spacing:.6px}
.pricing-page .color-callout p,.pricing-page .coating-gold>p:not(.big-price):not(.card-tag),.pricing-page .windshield-price>p:not(.price-label):not(.big-price){font-size:16px}
.pricing-page .coating-options p,.pricing-page .coating-options small,.pricing-page .coating-options span{font-size:14px}
:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(min-width:701px) and (max-width:1150px){.main-nav{gap:16px}.site-header{padding-inline:3vw}.brand{width:160px}}
@media(max-width:1050px){
  .menu-toggle{display:flex;min-width:44px;min-height:44px;justify-content:center}
  .menu-toggle b{font-size:11px}
  .main-nav,.pricing-page .main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:#080a0d;padding:16px 6vw 24px;gap:4px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);max-height:calc(100dvh - var(--header-height));overflow-y:auto}
  .main-nav.open{display:flex}
  .main-nav a,.pricing-page .main-nav a{font-size:16px;padding:12px 0;min-height:48px}
}
@media(max-width:700px){
  :root{--header-height:62px}
  .main-nav{font-size:16px;gap:3px;letter-spacing:.8px}
  .pricing-page .price-section{scroll-margin-top:calc(var(--header-height) + 120px)}
  .button,.text-link{font-size:13px;letter-spacing:.7px}
  .hero .location{font-size:11px;letter-spacing:1.7px}
  .hero-copy{font-size:17px;line-height:1.65}
  .hero-bottom span{font-size:10px;letter-spacing:1px}
  .hero-content{padding-bottom:125px}
  .quote-copy .kicker{font-size:11px;letter-spacing:1.5px}
  .quote-copy>p:not(.kicker){font-size:16px}
  .service-row{grid-template-columns:30px 1fr 24px;gap:12px}
  .service-row strong{font-size:16px;line-height:1.45}
  .service-row small{font-size:14px}
  .site-footer div,.site-footer>a{font-size:12px}
  .pricing-page .category-nav a{font-size:11px;letter-spacing:.4px}
  .pricing-page .intro-bottom p{font-size:16px}
  .pricing-page .tint-guide span{font-size:11px;letter-spacing:0}
  .pricing-page .tint-guide p{font-size:14px}
  .pricing-page .price-table tbody th{font-size:14px}
  .pricing-page .price-table td{font-size:20px;padding-inline:5px}
  .pricing-page .price-table small{font-size:12px}
  .pricing-page .price-table thead th{font-size:10px;letter-spacing:0}
  .pricing-page .not-listed{font-size:12px}
  .pricing-page .coverage-card .button,.pricing-page .windshield-price .button,.pricing-page .section-actions .button{font-size:12px}
  .site-footer .replay-reveal{display:flex;margin-block:8px}
}
@media(max-width:360px){
  .hero-actions{gap:10px 18px}
  .pricing-page .price-table tbody th{font-size:13px}
  .pricing-page .price-table small{font-size:11px}
  .pricing-page .price-table td{font-size:18px}
  .pricing-page .section-actions .button{flex-basis:100%}
}
/* Real service destinations; click/tap toggle with hover and keyboard support. */
.nav-services{position:relative}
.nav-services-trigger{display:flex;align-items:center;gap:2px}
.services-toggle{display:flex;align-items:center;justify-content:center;width:36px;min-height:44px;padding:0;border:0;background:none;color:var(--yellow);font-size:20px}
.services-dropdown{display:none;position:absolute;top:100%;left:-18px;width:290px;padding:10px 18px;background:#0b0e12;border:1px solid #ffffff25;box-shadow:0 18px 35px #0008;text-transform:none;letter-spacing:0}
.nav-services.expanded>.services-dropdown{display:grid}
.services-dropdown a{font-size:15px;line-height:1.5;min-height:48px;padding:10px 0;border-bottom:1px solid #ffffff12}
.services-dropdown a:last-child{border-bottom:0}
@media(max-width:1050px){.nav-services{width:100%}.nav-services-trigger{justify-content:space-between}.services-toggle{min-width:48px;min-height:48px}.services-dropdown{position:static;width:100%;padding:0 0 8px 18px;box-shadow:none;border:0;border-left:1px solid #f5c40066;background:none}.main-nav .services-dropdown a{font-size:15px;min-height:48px;padding:12px 0}}
.social-links{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.social-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--yellow)}.social-links a:hover{text-decoration:underline}.site-footer{flex-wrap:wrap}.site-footer>.social-links{flex-basis:100%}.pages-footer>.social-links{grid-column:1/-1}
.company-links{display:flex;gap:24px;flex-wrap:wrap}.company-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.site-footer>.company-links{flex-basis:100%}.pages-footer>.company-links{grid-column:1/-1}
