/* Modern refresh — keeps the original RVL Sealcoating look while improving mobile UX */
:root{
  --rvl-navy:#0b1f33;
  --rvl-blue:#164e73;
  --rvl-accent:#e3a52f;
  --rvl-light:#f6f8fa;
  --rvl-text:#18232d;
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--rvl-text);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{transition:all .2s ease}
button,a{touch-action:manipulation}
header,nav{position:relative;z-index:10}
.hero,.banner,.jumbotron{overflow:hidden}
.container,.content,.wrapper{max-width:1180px;margin-inline:auto}
section{padding-block:clamp(48px,7vw,88px)}
.card,.service,.feature,.testimonial{
  border-radius:18px;
  box-shadow:0 10px 30px rgba(11,31,51,.09);
  border:1px solid rgba(11,31,51,.08);
}
.cta,.btn,.button{
  border-radius:999px;
  font-weight:700;
  transition:transform .2s ease,box-shadow .2s ease;
}
.cta:hover,.btn:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,31,51,.16)}
@media (max-width:760px){
  section{padding-block:44px}
  h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1.05}
  h2{font-size:clamp(1.6rem,7vw,2.3rem)}
  .container,.content,.wrapper{width:min(92%,1180px)}
  nav ul{gap:10px;flex-wrap:wrap}
  .phone-cta{display:block;text-align:center;margin:10px 0}
}