<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Layout Stability CSS
 * This file contains styles to prevent Cumulative Layout Shift (CLS)
 */

/* Prevent layout shifts in the hero section */
.home-banner {
  contain: layout style paint;
  min-height: 600px; /* Fallback height */
}

.home-banner-top {
  contain: layout style;
}

.text-box-inner {
  contain: layout style;
}

/* Stabilize buttons */
.orange-button,
.open-modal-quote {
  contain: layout style;
  display: inline-block;
  box-sizing: border-box;
  min-height: 50px;
  min-width: 200px;
}

/* Stabilize partner logos */
.partners {
  contain: layout style;
  display: block;
  min-height: 40px;
  width: 100%;
  max-width: 100%;
}

/* Stabilize images */
img {
  max-width: 100%;
  height: auto;
}

img[width][height] {
  aspect-ratio: attr(width) / attr(height);
}

/* Stabilize video elements */
.video-box {
  position: relative;
  overflow: hidden;
  contain: layout size style;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Fix for filter compatibility */
.filter-effect,
[style*="filter"] {
  -webkit-filter: inherit;
  filter: inherit;
}

/* Prevent font-based layout shifts */
html {
  font-display: swap;
}

/* Ensure content doesn't shift when scrollbar appears */
html {
  scrollbar-gutter: stable;
}

/* Prevent layout shifts from late-loading elements */
[data-src],
[data-srcset] {
  min-height: 1px;
  min-width: 1px;
}

/* Prevent layout shifts from iframes */
iframe {
  max-width: 100%;
}
</pre></body></html>