:root{
  --blue:#087cf0;
  --cyan:#00c8f5;
  --pink:#f1199d;
  --orange:#ff7a00;
  --yellow:#ffd21a;
  --brand-gradient:linear-gradient(100deg,var(--blue) 0%,var(--cyan) 28%,var(--pink) 58%,var(--orange) 80%,var(--yellow) 100%);
}

.nav-cta{
  background:var(--brand-gradient)!important;
  box-shadow:0 7px 20px rgba(241,25,157,.18);
}

.motion-ribbon{
  background:var(--brand-gradient);
  background-size:180% 100%;
  animation:brandFlow 10s ease-in-out infinite alternate;
  border-top-color:rgba(255,255,255,.4);
}

.ribbon-track i{
  color:#fff;
  text-shadow:0 1px 5px rgba(0,0,0,.28);
}

.service-tab.active{
  background:linear-gradient(110deg,var(--blue),#4458ed 58%,var(--pink));
}

.process{
  background:linear-gradient(135deg,#fff64a 0%,var(--yellow) 45%,#ffb321 100%);
}

.quote{
  background:linear-gradient(135deg,#086fe2 0%,#215edc 42%,#853bd7 72%,#d829a1 100%);
}

.facebook-link{
  background:var(--brand-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}

.facebook-feed{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(320px,500px);
  align-items:center;
  justify-content:center;
  gap:clamp(45px,8vw,110px);
  background:#111218;
  color:#fff;
}

.facebook-feed h2{
  margin:0 0 25px;
  font:800 clamp(3.2rem,6vw,6rem)/.86 "Barlow Condensed";
  letter-spacing:-.035em;
  text-transform:uppercase;
}

.facebook-copy>p:not(.eyebrow){
  max-width:520px;
  margin:0 0 30px;
  color:#c8cad1;
  font-size:1.05rem;
}

.facebook-feed .button.primary{
  background:var(--brand-gradient);
}

.facebook-window{
  width:100%;
  max-width:500px;
  padding:10px;
  background:var(--brand-gradient);
  border-radius:8px;
  box-shadow:0 28px 70px rgba(0,0,0,.35);
}

.facebook-window iframe{
  display:block;
  width:100%;
  max-width:500px;
  background:#fff;
  border-radius:4px;
}

.facebook-window p{
  margin:9px 7px 1px;
  color:#fff;
  font-size:.75rem;
}

.facebook-window a{color:#fff;font-weight:700}

@keyframes brandFlow{
  to{background-position:100% 50%}
}

@media(prefers-reduced-motion:reduce){
  .motion-ribbon{animation:none!important}
}

@media(max-width:800px){
  .facebook-feed{grid-template-columns:1fr}
  .facebook-window{margin-inline:auto}
}